從HTML4到XHTML，再到最近十分火熱的HTML5，它幾乎見(jiàn)證了整個(gè)互聯(lián)網(wǎng)的發(fā)展。但是，即便到現(xiàn)在，有很多基礎(chǔ)的概念和原則依然需要開(kāi)發(fā)者高度注意。所以今天我們就來(lái)給大家分享一下Web開(kāi)發(fā)者必須知道的編碼規(guī)則，這樣能讓大家在工作中更加方便。

　　1、優(yōu)化CSS代碼

　　現(xiàn)如今，為網(wǎng)站添加多個(gè)CSS文件的做法已經(jīng)很普遍。但是，當(dāng)網(wǎng)站包含的CSS文件過(guò)多時(shí)，會(huì)降低網(wǎng)站的響應(yīng)速度。解決辦法是：精簡(jiǎn)代碼并對(duì)多個(gè)CSS文件進(jìn)行優(yōu)化，將其合并成一個(gè)文件。這個(gè)辦法能顯著提升網(wǎng)站的加載速度。此外，有很多工具可以用來(lái)優(yōu)化CSS文件，例如CSS Optimizer、Clean CSS等。

　　2、善用標(biāo)題元素

　　<h1> 到 <h6>這些元素用來(lái)突出頁(yè)面的重點(diǎn)內(nèi)容。這有助于用戶更加關(guān)注頁(yè)面的重點(diǎn)部分。對(duì)于博客，我（指本文作者）推薦使用<h1>標(biāo)簽來(lái)突出博客標(biāo)題。因?yàn)?，博客?biāo)題幾乎是頁(yè)面中最重要的部分。

　　3、為圖片標(biāo)簽添加alt屬性

　　在<img>標(biāo)簽里，alt屬性通常非常有用。因?yàn)樗阉饕嫱ǔo(wú)法直接抓取圖片文件。但是，如果開(kāi)發(fā)者在alt屬性里添加了圖片的描述內(nèi)容，將會(huì)方便搜索引擎的抓取。

　　4、在表格里使用<label> 和 <fieldset>

　　為了提高代碼質(zhì)量，并讓用戶容易理解表格內(nèi)容，我們應(yīng)該用<label> 和 <fieldset>標(biāo)簽創(chuàng)建表格元素。

　　5、避免過(guò)度注釋

　　作為一名開(kāi)發(fā)者，在代碼中添加注釋是一個(gè)好習(xí)慣，能方便理解并易于維護(hù)。這在其它編程語(yǔ)言如PHP、JAVA 和 C#里很普遍。但是，HTML/XHTML是文本標(biāo)記語(yǔ)言，非常容易理解。因此，無(wú)需為每行代碼都添加注釋。

　　這些知識(shí)一小部分當(dāng)然還有最重要的一點(diǎn)就是要對(duì)代碼進(jìn)行測(cè)試，但是要記住驗(yàn)證通過(guò)的代碼并非就是性能優(yōu)異的代碼。

　　以上就是給Web開(kāi)發(fā)者的一些工作上的小建議，希望能在大家日后的工作中起到作用。