15.2. XHTML+DIV+CSS

為何使用表格排版是不明智的選擇？為什麼要選擇DIV+CSS？

首選我來說說表格排版，表格排版也是有好處的，一是排版速度快，二是相容性比CSS好。做為一般的小網站還是比較适合的，如果在大型網站使用表格就不太合适。 表格必須定義很多屬性如width="100%" border="0" cellpadding="0" cellspacing="0"，并且有時候tr标簽顯得多餘。

<a></a>

例 15.1. 表格排版範例

你可以對比上面看看div+css是如何規劃版面，并且css很多定義是可以重用的。

例 15.2. XHTML+DIV+CSS排版範例

上面例子我們可以看到div與table相比所使用的标簽更少，無形中給網站減了肥。

CSS 的class,id 名稱定義規範：

一定要簡單，可讀例如header，footer

對于在頁面中不重複，自始至終隻出現一次可定義為id，例如id="header"，id="footer"

對于在頁面中經常重複出現的，可定義為class，例如id="article_block"，id="news_block"

注意

不要使用HTML屬性，盡量使用css。 herf,src,class,id等屬性除外。

下面是一個例子

你應該使用CSS實作,如果能使用CSS實作盡量不要多用一條HTML和屬性。

原文出處：Netkiller 系列 手劄

本文作者：陳景峯

轉載請與作者聯系，同時請務必标明文章原始出處和作者資訊及本聲明。