采用類似標簽閉合的寫法，與HTML統(tǒng)一格式；注釋文案兩頭空格，與CSS注釋統(tǒng)一格式。
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 --> <!-- 導(dǎo)航 --> <ul class="m-nav"> <li><a href="#">NAV1</a></li> <li><a href="#">NAV2</a></li> <!-- 更多導(dǎo)航項 --> </ul> <!-- /導(dǎo)航 --></div><!-- /頭部 --> |
單行代碼的注釋也保持同行，兩端空格；多行代碼的注釋起始和結(jié)尾都另起一行并左縮進對齊。
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>--> |
| 標簽 | 語義 | 嵌套常見錯誤 | 常用屬性（加粗的為不可缺少的或建議的） |
|---|---|---|---|
| <a></a> | 超鏈接/錨 | a不可嵌套a | href,name,title,rel,target |
| <br /> | 換行 | ||
| <button></button> | 按鈕 | 不可嵌套表單元素 | type,disabled |
| <dd></dd> | 定義列表中的定義（描述內(nèi)容） | 只能以dl為父容器，對應(yīng)一個dt | |
| <del></del> | 文本刪除 | ||
| <div></div> | 塊級容器 | ||
| <dl></dl> | 定義列表 | 只能嵌套dt和dd | |
| <dt></dt> | 定義列表中的定義術(shù)語 | 只能以dl為父容器，對應(yīng)多個dd | |
| <em></em> | 強調(diào)文本 | ||
| <form></form> | 表單 | action,target,method,name | |
| <h1></h1> | 標題 | 從h1到h6，不可嵌套塊級元素 | |
| <iframe></iframe> | 內(nèi)嵌一個網(wǎng)頁 | frameborder,width,height,src,scrolling,name | |
| <img /> | 圖像 | alt,src,width,height | |
| <input /> | 各種表單控件 | type,name,value,checked,disabled,maxlength,readonly,accesskey | |
| <label></label> | 標簽為input元素定義標注 | for | |
| <li></li> | 列表項 | 只能以ul或ol為父容器 | |
| <link /> | 引用樣式或icon | 不可嵌套任何元素 | type,rel,href |
| <meta /> | 文檔信息 | 只用于head | content,http-equiv,name |
| <ol></ol> | 有序列表 | 只能嵌套li | |
| <option></option> | select中的一個選項 | 僅用于select | value,selected,disabled |
| <p></p> | 段落 | 不能嵌套塊級元素 | |
| <script></script> | 引用腳本 | 不可嵌套任何元素 | type,src |
| <select></select> | 列表框或下拉框 | 只能嵌套option或optgroup | name,disabled,multiple |
| <span></span> | 內(nèi)聯(lián)容器 | ||
| <strong></strong> | 強調(diào)文本 | ||
| <style></style> | 引用樣式 | 不可嵌套任何元素 | type,media |
| <sub></sub> | 下標 | ||
| <sup></sup> | 上標 | ||
| <table></table> | 表格 | 只可嵌套表格元素 | width,align,background,cellpadding,cellspacing,summary,border |
| <tbody></tbody> | 表格主體 | 只用于table | |
| <td></td> | 表格中的單元格 | 只用于tr | colspan,rowspan |
| <textarea></textarea> | 多行文本輸入控件 | name,accesskey,disabled,readonly,rows,cols | |
| <tfoot></tfoot> | 表格表尾 | 只用于table | |
| <th></th> | 表格中的標題單元格 | 只用于tr | colspan,rowspan |
| <thead></thead> | 表格表頭 | 只用于table | |
| <title></title> | 文檔標題 | 只用于head | |
| <tr></tr> | 表格行 | 嵌套于table或thead、tbody、tfoot | |
| <ul></ul> | 無序列表 | 只能嵌套li |
