譯文：如何寫出漂亮的HTML程式碼_HTML/Xhtml_網頁製作
- WBOY原創
- 2016-05-16 16:43:251437瀏覽
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>
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吧。
縮排程式碼
9.Proper Ending Tags
注意結束標籤
10.Hierarchy of Header Tags
在適當的地方使用標題標籤,如
~,來分割段落。
11.Content, Content, Content使用適當的標籤,和標誌代碼,用© 表示©,不要使用
12.No Styling!不要把樣式寫在標籤上，HTML只是用來表示結構。表現還是交給CSS吧。 陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn