首页 > 代码库 > 前端规范(一)

前端规范(一)

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;

  

前端规范(一)