HTML规范_代码格式

（文案两头空格）。结束注释：（文案前加“/”符号，类似标签的闭合）。允许只有开始注释！

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- 头部 -->
<div class="g-hd">
    <!-- LOGO -->
    <h1 class="m-logo"><a href="#">LOGO</a></h1>
    <!-- /LOGO -->
    <!-- 导航 -->
    <ul class="m-nav">
        <li><a href="#">NAV1</a></li>
        <li><a href="#">NAV2</a></li>
        <!-- 更多导航项 -->
    </ul>
    <!-- /导航 -->
</div>
<!-- /头部 -->

代码本身的注释方法

单行代码的注释也保持同行，两端空格；多行代码的注释起始和结尾都另起一行并左缩进对齐。

1
2
3
4
5
6
7
<!-- <h1 class="m-logo"><a href="#">LOGO</a></h1> -->
<!--
<ul class="m-nav">
    <li><a href="#">NAV1</a></li>
    <li><a href="#">NAV2</a></li>
</ul>
-->

HTML注释在IE6中的BUG

  • 如果两个浮动元素之间存在注释，那么可能导致布局错位或文字的BUG。
  • 所以，这种情况下，我们通常将注释去掉，或者索性采用模板语言（ftl、vm）的注释。

严格的嵌套

  • 尽可能以最严格的xhtml strict标准来嵌套，比如内联元素不能包含块级元素等等。
  • 正确闭合标签且必须闭合。

严格的属性

  • 属性和值全部小写，每个属性都必须有一个值，每个值必须加双引号。
  • 没有值的属性必须使用自己的名称做为值（checked、disabled、readonly、selected等等）。
  • 可以省略style标签和script标签的type属性。
-->