HTML和CSS规范

HTML and CSS standard

Posted by Eric on February 18, 2017

在项目写HTML和CSS的时候,如果按照一定的规范写代码,会给项目的后续维护、测试和网页在搜索引擎的排名都有益处。所以在这里总结了一些自己在写HTML和CSS的一些规范。

HTML规范

  1. 所有的代码均适用小写,该规则适用于HTML元素名、属性和属性值。
  2. 删除行尾空白,行尾空格属于多余的符号。如果使用Sublime Text,你可在用户设置(User Setting)JSON文件(可在文本编辑器的菜单中找到)中添加以下代码,每当你以此方法存储文件时,去除行尾空格操作便会自动完成:

    “trim_trailling_white_space_on_save”:true

  3. 在可行和必要时,对代码进行注释。用注释解释代码的覆盖范围、目的和作用以及使用和选择各解决方案的原因。

CSS规范

  1. ID和类名称,使用有意义或具有普遍性的ID和类名称。
  2. 区块注释,在可行时,用注释将样式表区块组合在一起,用新行分隔各区块。