What Beautiful HTML Code Looks Like 如何寫出漂亮的HTML代碼.
老外寫的一篇文章: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吧。