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設定不同的ID，就可以透過#page1 h2和#page2 h2來設定兩種不同的效果，我感覺這個到是要看情況和具體架構再具體使用。
4.Semantically Clean Menu寫出符合語意的選單程式碼。
<div id="menu">
<code><div id="menu">
<br><ul>
<br><li><a href="index.php">Home</a></li>
<br><li><a href="about.php">About</a></li>
<br><li><a href="contact.php">Contact</a></li>
<br>
</ul>
<br>
</div>
<br>ps:我个人觉得这样写代码应该更简单一点吧:<br><ulid><br><li><a href="index.php">Home</a></li>
<br><li><a href="about.php">About</a></li>
<br><li><a href="contact.php">Contact</a></li>
<br><br></ulid>
ps:我個人覺得這樣寫程式碼應該比較簡單點吧:
Home
About
Contact
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
在適當的地方使用標題標籤,如
~,來分割段落。
11.Content, Content, Content使用適當的標籤,和標誌代碼,用© 表示©,不要使用
12.No Styling!不要把樣式寫在標籤上，HTML只是用來表示結構。表現還是交給CSS吧。
