HTML代碼書寫不要成為網站設計中短板

木桶原理很適用于網站設計，一個網站的好壞取決于網站服務器、網站程序、頁面設計、HTML代碼、網站內容、seo，這六大部分相當于圍成一個木桶的六塊木板，決定網站性能的不是最長的那塊木板，而是最短的那塊，因為，如果網站服務器或寬帶連通性不好，再好的網站放在那里也是打不開；而如果網站程序很糟糕，讓頁面執行5秒以上才顯示頁面，這也讓用戶無法忍受 ；而網站頁面設計的不好或者網站無有價值的內容，就算用戶看了你的網站，也會選擇立即離開； 而HTML代碼決定了網站最終傳遞給用戶的頁面瀏覽效果，如果做不好，則會前功盡棄。所以，易捷網絡提醒大家不要讓HTML代碼成為網站設計中的短板。

影響HTML代碼的元素無外乎HTML、CSS、JS，所以需要從這三方面著手，只要這些都做好了，頁面代碼就會成為網站設計中的長板。做好這些需要注意以下幾點：

注意頁面代碼的執行順序
HTML頁面是從上到下執行的，注意到這一點，讓網站主要的內容優先顯示出來，而其他的廣告、流量統計代碼等則放在最后。

網站整體布局
很多人，尤其是初學者大量使用Table標簽，原因可能是對其他標簽不熟悉或使用其他標簽不能做到很好的瀏覽器兼容性，可是，有沒有發覺，一個Table所使用的代碼不但比較多、加載比較慢、不易控制而且修改維護難，所以盡量使用DIV來構架整體布局。

HTML標簽的選用
標簽是HTML的基本元素，易捷網絡呼吁用最適合的標簽表達相應的內容，如網站的名稱用H1標簽，列表用UL或OL標簽等， 很多人對DIV+CSS布局存在誤解，認為DIV+CSS布局的網站不能用Table，其實上面所說的是整體布局，如果內容是表格，當然用Table比較好。

樣式都應放在單獨的CSS文件里
當HTML代碼和樣式都混在一起的時候，對網站的修改維護會帶來非常大的麻煩，而把樣式放在單獨的CSS文件里調用，可以提高樣式的重用性、讓HTML代碼非常清晰有條理，而且CSS文件是有緩存的，打開第二個頁面就不用重新下載，可以提高頁面打開速度。

Javascript代碼應盡量放在頁面底部
同CSS文件一樣，JS文件也最好放在單獨的文件里調用。因為HTML頁面是順序解析，中間加載JS代碼，會導致頁面加載的速度變慢，如果沒有必要，最好把JS代碼放在頁面底部，尤其是流量統計代碼、在線客服代碼、分享代碼等。

盡量合并CSS和JS文件
頁面引用一個CSS文件或JS文件需要建立一個請求，而請求越多，頁面加載越慢，所以，盡量減少頁面請求數量，合并頁面的CSS文件和JS文件可以加快頁面加載速度。

壓縮CSS和JS文件
網上有很多相應的CSS文件和JS文件壓縮工具，主要是去掉其中的空格和換行，可以減少文件的大小，從而減少寬帶流量，加快頁面顯示。

圖片大小聲明
如果圖片大小不做定義，則頁面需要重新渲染，會影響頁面加載速度，所以給頁面的每個圖片加上大小吧。

注意瀏覽器兼容性
現在國內使用的瀏覽器主要是IE系列（IE6、IE7、IE8、IE9）和FireFor瀏覽器，當網站代碼寫完后，應盡量測試多個瀏覽器，如果發現不兼容，可以采用CSS HACK手段使其兼容，一般只要寫法規范，注意一些特殊標簽的使用，都會兼容。

用JS加載需要點擊或者過段時間才顯示的內容
很多情況下，如圖片切換，幾張大圖，如果頁面打開時就加載，速度會大打折扣，而如果開始只加載靠前張，然后等其他元素都加載完后才加載其他圖片，則可以讓頁面打開速度增快很多。

使用圖片ALT屬性
搜索引擎只識別文字，不能識別圖片，不過能識別圖片標簽的ALT屬性，為了讓頁面對搜索引擎更友好，給每個圖片加上ALT屬性說明吧。

不要忘記Keywords和Description屬性
這兩個標簽雖然對頁面瀏覽無影響，但是對搜索引擎很重要，跟前面圖片的alt屬性一樣，都是為了讓網站對搜索引擎更友好。

綜上所述，理解HTML代碼的加載順序，用最簡短的代碼讓頁面最快的打開，而且完美運行在各種瀏覽器上，HTML代碼書寫就不會成為網站設計中短板。