日期:2014-04-28  浏览次数:23082 次

文章简介:table元素在HTML中用于呈现表格数据。你可以把它作为一个描述和展示可用于电子表格的数据的方法。

<table>元素在HTML中用于呈现表格数据。你可以把它作为一个描述和展示可用于电子表格的数据的方法。其本质上由这两个东西组成:行和列。在这篇文章中我们会探索应该如何使用它们,什么时候使用,和其他所有你需要知道的东西。

一个非常基础的例子

下面是一个非常简单的表格数据例子:

这是一个跨多轴的数据。想象下,通过你得手指划过某一行来了解某个人的相关信息。或者从上至下来感受某个数据点的模式和变化。

表头和表体

上面这个基础例子中我们没有做的一件事是没有语义地指出第一行是该表格的头部。我们本应该这么做。整个第一行的部分没有包含数据,它只是每个列的标题。因此,我们可以<thead>元素来完成这件事情,它会包裹第一个<tr>元素(它会包裹所有的行所需要的头部信息)

HTML代码如下所示: