Web Design

網頁設計網頁設計網頁設計

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:我個人覺得咁寫代碼應該更簡單一ｄ吧！

<ul id="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>