Html规范

注释强烈推荐

提示

好的注释使代码可读性更强。

<!-- 单行注释 -->

<!--
多行注释
 -->

正面例子

...

<!-- nav start -->
<nav>
...
</nav>
<!-- nav end -->
...

书写规范必要

提示

标签语义化

  1. tab键用(必须)四个空格代替

因为在不同系统的编辑工具对tab解析不一样,windows下的tab键是占四个空格的位置,而在linux下会变成占八个空格的位置(除非你自己设定了tab键所占的位置长度)

  1. 使用小写元素名

反面例子

<SELECT>
    ...
</SELECT>

<Select>
</select>

正面例子

<select>
    ...
</select>
  1. 关闭所有HTML元素

正面例子

<p>...</p>

<meta charet="utf-8" />
  1. 使用小写属性名

  2. 属性值可以不使用引号(属性值包括空格必须使用引号)

  3. 图片属性alt避免图片显示出错

  4. 避免一行代码过长

  5. 空行和缩进

  6. 样式表放头部,javascript放尾部

贡献者: mankueng