前端規範（一）

標籤：style   blog   color   使用   ar   div   sp   代碼   log   

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;

　　

前端規範（一）