老外寫的一篇文章:What Beautiful HTML Code Looks Like 如何寫出漂亮的HTML代碼 感覺寫的非常的不錯，轉載過來，與大家分享一下: ps:原文地址：http://css-tricks.com/what-beautiful-html-code-looks-like/ 1.DOCTYPE Properly Declared 別忘記頭部的聲明，它會告訴瀏覽器如何渲染你的HTML。 2.Tidy Head Section 設置title,字符集.將CSS和JS外鏈(包括一個打印用的CSS)。 3.Body IDed 給body一個ID。這里作者提到的原因是，為多頁面的中容器選擇提供便利。比如通過給page1和page2中BODY設置不同的ID，就可以通過#page1 h2和#page2 h2來設置兩種不同的效果，我感覺這個到是要看情況和具體架構再具體使用。 4.Semantically Clean Menu 編寫符合語意的菜單代碼。 div id= menu ul li a href= index.php Home /a /li li a href= about.php About /a /li li a href= contact.php Contact /a /li /ul /div ps:我個人覺得這樣寫代碼應該更簡單一點吧: ulid= menu li a href= index.php Home /a /li li a href= about.php About /a /li li a href= contact.php Contact /a /li /ul
5.Main DIV for all Page Content 要有一個主體DIV包含所有的內容。方便固定主體的寬度,邊距等等。 6.Important Content First 先寫主要內容,再寫次要內容.如果你的導航或者側邊欄不是很重要,最好將他們寫在最后。 7.Common Content INCLUDED 將導航,頁尾等公用的部分用動態調用的方式引入,比如PHP的include。 8.Code is Tabbed into Sections 縮進代碼 9.Proper Ending Tags 注意結束標簽 10.Hierarchy of Header Tags 在合適的地方使用標題標簽,如 h1 ~ h6 ,來劃分段落。 11.Content, Content, Content 使用合適的標簽,和標志代碼,用 copy; 表示 ,不要使用 /br 12.No Styling! 不要把樣式寫在標簽上，HTML只是用來表示結構。表現還是交給CSS吧。 html教程
