## 注意事項
1. 所有的CSS的盡量采用外部調用
例：
`<link href="css/base.css" rel="stylesheet" type="text/css" />`
2. 關閉所有的標簽
打開的標簽必須關閉，例:
`<p>www.abc.com</p>`
當然還有一種關閉方式，例：
`<br />`
就是說一定要有結束標記。
3. 屬性值用雙引號 “” 括起來,屬性一率小寫
例：
`<img height="60" width="760" src="images/logo.gif" />`
4. 給所有的屬性賦值
**不正確的寫法：**
`<input type="text" name="user" checked />`
正確的寫法為：
`<input type="text" name="user" checked="checked" />`
5. 所有的XHTML元素及其屬性名稱用小寫
XHTML是大小寫敏感的
**錯誤的寫法為：**
`<TITLE>www.abc.com</TITLE>`
標準的寫法為：
`<title>www.abc.com</title>`
6. 標簽要合理嵌套
**不正確的寫法：**
`<div><h1>www.abc.com</div></h1>`
正確的寫法為：
`<div><h1>www.abc.com</h1></div>`
7. 所有的屬性必須用引號""括起來
在HTML中，你可以不需要給屬性值加引號，但是在XHTML中，它們必須被加引號。
8. 特殊字符用編碼標識
如 " <" 用 "`<`"表示，" >" 用 "`>`"表示。
9. 網頁中圖片優化
一定要加alt屬性，alt屬性指定了當圖片不能顯示的時候就顯示供替換文本。 內容最好與關鍵詞相關。
如：
`<img src="images/logo.gif" alt="12xue" />`
一些小圖標最好用.gif格式圖片，比如說箭頭，文章列表前的圖標等，在CSS中做成背景。
這些小圖標最好做一張圖片，用CSS來定位。
10. 用結構化的元素輸出內容
`<ul>
<li>無序列表1<li>
<li>無序列表2<li>
<li>無序列表3<li>
</ul>`
這樣做也便于后臺代碼規范
或者使用
`<dl>
<dt>dt內容</dt>
<dd>dd內容1</dd>
<dd>dd內容2</dd>
</dl>`
標題系列用h1～h6標簽
~~~
<h1>標題1</h1>
<h2>標題2</h2>
<h3>標題3</h3>
<h4>標題4</h4>
<h5>標題5</h5>
<h6>標題6</h6>
~~~
11. tr、td必須定義在table之間
`<table>
<tbody>
<tr>
<td>......<td>
</tr>
</tbody>
</table>`
注：tbody可以省略。
12. html注釋
1) 每一獨立部分都要表明注釋。例如：
~~~
<!—右邊 begin--> <!--右邊end-->
<!—左邊 begin--> <!—左邊end-->
<!—頭部 begin--> <!—頭部end-->
<!—xx列表 begin--> <!—xx列表end-->
~~~
2) 注釋要用描述性語言，能夠清楚的表達每一部分的意思。
13. HTML元素的排序規則
一般我們使用的HTML元素包括：div, p, ul, table, span, input, select。基本上div, table, ul, p都屬于結構性比較強的元素，而span, input則是比較弱的元素，因此不允許有span嵌套div, table等等的情況出現，span可以嵌套input, 可以嵌套span。程序員在寫頁面的時候可以先不考慮界面呈現，按照這樣的規則，把數據直接綁定到HTML元素的節點上。
14. 表單變量命名約定
表單中的變量命名采用全部小寫的命名方式。
`<form name="loginform">
<input type="text" name="username" value="" />
<input type="password" name="password" value="" />
</form>`
15. 把所有 < 和 &特殊符號用編碼表示
任何小于號（＜），不是標簽的一部分，都必須被編碼為`<`;
任何大于號（＞），不是標簽的一部分，都必須被編碼為`>`;
任何與號（&），不是實體的一部分的，都必須被編碼為`&`;
