标签/Tag为[tableless]的文章

网页设计,别片面追求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: 一家之谈。。。

--EOF--