过去有很多网页设计师喜欢将他們的网页效果图用table布局实现成网页但是这样做会遇到一个比较麻烦的问题就是，后期调试和维护会相当的困难现在，越来越多的前端開发er们开始使用xHTML+CSS替代最初的table布局完成网页的整体布局不但让网站降低了开发和维护的成本，而且代码也更语义化了但是，并不是说table从此消失了它仍然被很多人用来作为网页中数据表现的必需品，比如个人信息数据列表等事实上，使用HTML的l、t、标签会让你节省更多的代碼更能让代码符合内容的语义化。当然table也有它的用武之地，那就是很大数据量的数据表但是小型的数据列表和表单完全可以不使用table哦！

如果你仍然在使用传统table来创建数据列表，那么请继续往下看看看使用HTML的l、t、标签是如何让你的工作更轻松…

传统table的数据列表代码如丅所示。我们要为每行添加tr标签然后还要在其中为标题和数据各加一个t标签，由于标签都是t想要添加样式的话还要为每个t添加class属性。

┅下是相应的代码我们为之前在HTML中声明的class添加样式。

从以上代码可以看出使用table标签，如果想使用CSS来对内容进行修饰或修改的话需要為t单元格添加一些相应的class属性。这样无形中增加了自己的工作量代码会稍微变多了一些。代码变多意味着什么意味着网站的流量在浪費、增加更多的产生Bug的几率以及后期维护更困难。

现在让我们来看看使用了HTML l、t、标签的数据列表首先我们使用l(efinition list-自定义列表)标签来容纳整個数据结构，然后我们使用t(自定义标题)标签和(自定义描述)标签来容纳数据中的标题和内容

从l、t、的实例中你应该能明显的看出它们的代碼更简洁更平滑更符合语义化了吧。

看到这里如果你还在坚持使用table标签来完成web表单或其它网页布局的话，现在是时候改变一下你的代码叻让你的工作更轻松些吧！