1、所有的书写均在英文半角状态下的小写。
2、id、class必须以字母开头
3、所有标签必须闭合
e.g. <p></p> <h></h> ......
4、html标签用tab键缩进，注意代码的对其，便于自己检查，也方便别人查看。
5、属性值必须带引号。
e.g. <span id="hello"></span>
6、html注释
<!-- 左边使用<!--，右边使用-->，注释内容和符号之间要有一个空格的间隙 --> <!-- <div> <p>hello world~~~</p> </div> -->
【注】注释内容和注释符号之间的一个空格必须有，如果省略，会误认为以下所有都为注释
7、css注释
// 当行注释采用两斜杠，斜杠与注释内容之间加个空格 // .nav { width: 960px; height: 70px; margin: 0 auto; } // .content { width: 500px; height: 500px; float: left; } // .sidebar { width: 460px; height: 400px; margin: 0 autofloat:right; }
8、ul li ol li dl dt dd 拥有父子级关系的标签中不能嵌套div。
理由：在JS下会出错，在查找时是以节点的形式查找的，如果插入div，将找不到它。
以下代码错误：
<ul> <li></li> <div></div> </ul>
9、p dt h 标签里边不能嵌套快属性标签
理由：包不住块标签
10、a标签不能嵌套a标签
11、内联元素不能嵌套块级元素（此规范仅存在于W3C规范中）
12、内联元素不支持宽高，如果要想让内联支持宽高，可以使用display: block; 或是 display: inline-block;