網頁設計,別片面追求tableless

今天無意中看了一篇文章,作者顯然是CSS+Div的崇拜者,對 含有 table 的網頁特別不屑一顧,甚至說了 tableless 是 Web2.0的重要標誌,含table 的網頁就是上個世紀的老古董之類的話:)

恩,tableless 是 Web2.0的重要標誌這個我倒不反對,我理想中的網頁在脫掉CSS外衣後應該有很好的可讀性,這一點 tableless 的確值得推廣,網頁設計我不專業,但是我也盡量讓自己的頁面在邏輯上可讀性高一點,CSS+ DIV 的確是個好主意。

但是是不是要把 table 一稈子打死呢? 我覺得到也未必。table還是必要的。只要不影響可讀性,table 依然可以用,並不是什麼上個世紀的老古董之類。
如果單純為了追求 TableLess 所謂的Web2.0而不使用table而用 DIV +大量的CSS來嵌套模擬的話,似乎就有點鑽牛角的感覺了:)
只要網頁中不使用 table 來定義寬度,顏色等應該用CSS定義的東西,而table只用來做單純的"Table"就可以了:)
就像這樣:
原來的代碼是這樣的

<table align="center" border="1" bordercolor="color1" cellpadding="x" cellspacing="y" height="xxx" width="xxx"> <tr> <td align="center" background="xxxx" bgcolor="xxx" width="xxx"><b>狀態</b></td> <td align="center" background="xxxx" bgcolor="xxxx" width="*"><b>主 題</b></td> <td align="center" background="xxx" bgcolor="xxx" width="xx"><b>作 者</b></td> <td align="center" background="xxx" bgcolor="xx" width="xx"><b>回復</b></td> <td align="center" background="xxxx" bgcolor="xx" width="xx"><b> 最後更新</b></td> </tr> </table>

改後的代碼是這樣的


<table id="posttable">
<tr>
<td id="state">狀態</td>
<td id="topic">主題</td>
<td id="author">作 者</td>
<td id="reply">回復</td>
<td id="last_reply_time">最後更新</td>
</tr>
</table>

加上針對 table 的 CSS

#posttable { .... } #state ,#topic,#author,#reply,#last_reply_time {.....}

這樣就足夠了:) 也滿足了可讀性 :P 而不必要去為了追求Tableless 而去花大量的時間重寫 :)

PS: 一家之談。。。