1. 不能少了DOCTYPE，瀏覽器根據你申明的DOCTYPE決定頁面渲染規則，如果不聲明，不同的瀏覽器顯示效果可能不一樣。
2. 在<title>之前加上<meta>標簽說明頁面所用的編碼。否則可能導致部分瀏覽器顯示的頁面標題為亂碼。
3. <style>應該放在<head>標簽內。否則會導致頁面在下載完成之前不美觀，而且在下載完<style>的內容以后瀏覽器還要對頁面重新進行渲染，會影響用戶體驗。
4. CSS中盡量避免使用表達式。否則在每次頁面內容改變(比如javascript動態添加或刪除元素，改變瀏覽器窗口大小)時，瀏覽器都會重新計算表達式的值。一種可以替代的方法是用javascript在window.onload中動態判斷并確認樣式。用戶端的資源我們也應該珍惜。
5. 在使用javascript改變頁面元互的顯示效果時，盡量用className屬性更改。應該盡量避免用 element.style.color = "#ff0000"之類的語句，尤其是在一次更改多次屬性的時候。這樣做有兩個理由：方便維護和節約客戶端資源。使用className改更的時候，頁面只需要重新渲染一次，而且style屬性更改時，每次都要重新渲染，這比開銷是很大的。
6. <script />標簽應該緊靠在</body>標簽之前。瀏覽器在下載<script>中的內容時，不會同時下載其它內容(圖片、 flash、<script>后面的html文檔等)，如果使用了較多的外部script文件，有可能導致用戶失支繼續等待頁面顯示的耐心。
一個簡單的例子：
提示：您可以先修改部分代碼再運行
新聞熱點
疑難解答
