HTML书写基本规范 - 整体结构
（以下是我在网上看到的内容进行总结）
结构顺序和视觉顺序基本保持一致
- 按照从上到下从左到右的顺序书写HTML结构。（我觉得是从大到小，从上到下，从左到右）
保持良好的简洁的树形结构
对于树形结构我也不太理解，感觉效果可能是：合理的分区，一眼看上去能够体现层级和关系
- 每一个块级元素都另起一行，每一行都是用Tab缩进对齐，删除冗余的行尾的空格。
这一点上，我没有注意到块级元素另起一行这件事，感觉确实可以让代码结构清晰一点，接下来试一试。，删除冗余的行尾的空格好像很少遇到。
- 是用4个空格代替一个Tab（编辑其中设置）
这一点已经设置了，html习惯是4个空格，js习惯是两个空格，需不需要统一呢？
- 对于内容较为简单的表格，建议将tr写成单行
这一点没遇到过
- 可以在大的模块之间用空行隔开，使模块更清晰。
确实是，我也有这样的感触，但是格式化了之后空行就被合并了（经常格式化），我打算用一个特殊的块级注释来代替这个效果
- 结构上如果可以并列书写，就不要嵌套。
如果可以写成<div></div><div></div>那么就不要写成<div><div></div></div>
这一点我希望尽量做到，我想到了另一件事情：我希望只用div来分区，但是一个里面经常还会嵌套一个，几乎只能用div来描述的子内容区，这种情况就一定要在命名上表述清楚两个分区嵌套之间的关系。
- 如果结构已经可以满足视觉和语义的要求，那么就不要有额外的冗余的结构。
比如<div><h2></h2></div>已经能满足要求，那么就不要再写成<div><div><h2></h2></div></div>
这一点需要平时练习注意力
HTML书写基本规范 - 代码格式
采用类似标签闭合的写法，与HTML统一格式；注释文案两头空格，与CSS注释统一格式。
- 开始注释：（文案两头空格）。
- 结束注释：（文案 前加“/”符号，类似标签的闭合）。
- 允许只有开始注释！
关于这一点上有一个收获：先写注释再写代码。我习惯没有结束注释，我理解：HTML注释只描述这一块是什么区域。
严格的属性
- 属性和值全部小写，每个属性都必须有一个值，每个值必须加双引号。
以前会有属性时大写现在没有了
- 没有值的属性必须使用自己的名称做为值（checked、disabled、readonly、selected等等）。
这一点我也不知道有没有必要。
总结：两天学习的东西都是简单的，再次学习的原因是因为做的不好，内容不难，用起来才是真的，明天周五时间多，计划学习分区与命名
网友评论