2018-03-15

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等等）。

这一点我也不知道有没有必要。

总结：两天学习的东西都是简单的，再次学习的原因是因为做的不好，内容不难，用起来才是真的，明天周五时间多，计划学习分区与命名