web前端開發總結

轉自css88

下降網絡成本

1.最大限度減小HTTP請求數。
2.控制網站流量，合併樣式圖片。
3.圖片優化壓縮處理，無損地減小圖片體體積。
4.減小CSS文件的體積，合併css樣式文件。
5.提升客戶端渲染速度，儘可能不使用佔用過多CUP，佔用過多內存的代碼 如: text-indnt:-9999px 、IE濾鏡等
6.減小HTML的嵌套，減小無語義代碼。 如: <div class=」clear」></div>消除浮動等

Web內容可訪問性 / 兼容性

1.電腦瀏覽器兼容性。
2.電腦分辨率兼容性。
3.其它屏幕閱讀器兼容性。
4.語音瀏覽器兼容性。(暫時沒有考慮,關注中,網易新聞有聲版 作得不錯)
5.須要的話打印機兼容性也考慮，要求能準確的打印到須要的信息。

HTML 相關規劃管理
1.HTML內容的代碼框架規劃，把最重要主要的內容放在代碼最前端。
2.合理地織與規劃樣式，適當的添加註釋。
3.團隊要有共識，使用共同的規範約定來編寫代碼。
4.根據產品需求，選擇合適的方案，儘可能作到代碼效率最高，下載量最小， 最大限度重用代碼。
5.HTML能經過驗證之餘要又語義.這是較爲重要的一點。

Seo優化

1.依照web標準 使用最合理的標籤，包含合理的內容。
2.把最重要內容放在代碼前端，代碼越前被搜索到的概率越高！
3.圖片必須加上( alt )提示信息。
4.儘可能作到樣式圖片所包含的文字，代碼中也要出現。
5.給一個標籤標明這是你的導航， 在沒CSS樣式支持下，別人並不知道那是你的導航， 哪些沒明顯標題的板塊也應如此。

其它
在製做頁面時應該先不考慮樣式，安照頁面內容重要程度用適當的HTML標籤包含，按重要信息至上次要至下排序好，而後才使用CSS恢復設計圖的樣式，如當前代碼無法按設計圖還原時纔再次添加HTML標籤。