标签/Tag为[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: 一家之谈。。。