1.使用模板如HTML5 Boilerplate進行開發。

很多成熟的模板各方面都做得很到位，這些準則對以現代瀏覽器為目標的項目和需要舊瀏覽器(低至IE6都能很好的支持)支持的項目工作得一樣好。直接拿來使用不但可以節省時間更能減少一些IE兼容問題。

2.使用標準是IE10來開發項目。

它能實時分析你的網站，準確的找到問題的類型并給出解決方法。通過在你的代碼中包括一個簡單的JavaScript腳本文件，在你的頁面你就能得到可視化的結果。它也可以被集成進Fidder HTTP分析工具。不使用會后悔。

3.不盲目使用polyfills和shims。

polyfills和shims提供了代碼和標簽，可以幫助模擬標準的API和功能，但在使用時一定要能保證實用，更便于以后的開發和修改。

4.多版本多瀏覽器測試，確認無誤后再上線。

檢查有沒有警告或錯誤信息后，再提交項目，不然讓客戶或老板發現了多尷尬。

5.使用標簽。

最新的HTML5標簽，和改善標簽的語義化，但需要特殊的輔助腳本讓IE6,7和8認識他們。頁面在太舊的瀏覽器或者禁止腳本時無法使用HTML5標簽，那么使用標簽是對這些情況比較靠譜的解決方法。

6.css文件應該在head里引入，js最后引入。

如果body中引入CSS會導致頁面全空，直到CSS加載后才顯示。若在頭部引入則讓瀏覽器盡早地讀取他們，就可以避免上述的情況。Js在最后引入則可以加快網站的打開速度，能很好的提高用戶體驗。

7.簡潔、特定瀏覽器的css樣式。

不要到處是無法重用的的id和class，避免使用“！imporant”。為html或body標簽添加特定瀏覽器的class，并在css規則中使用。而不是hack。這樣不但利于seo網站優化,更讓二次開發提供便利。

8.JavaScript最大限度以用戶體驗為中心。

盡可能在Ready后立刻執行腳本。如果Ajax關系用戶交互，越早請求越好，延遲加載非必要的腳本(如Facebook Like，Google +1，Twitter)等。