前端规范（一）

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;