#yyds干货盘点# 1.7 HTML5基础 - 表格标签

五、表格标签

早期的网页设计中表格的作用非常重要,不但可以用表格清晰地显示数据,而且还用来设计页面布局。不过在HTML5中表格的作用已经被减弱了,因此,目前表格更多地被用来显示数据。

1.创建表格

日常生活中数据有多种形式,如财务数据、调査数据、事件日历、公交车时刻表、电视节目表等。

在大多数情况下,这类信息都由列标题或行标题加上数据本身构成。为了更直观明了地显示数据,在页面中可以使用 table元素创建表格。

基本的HTML表格由 table元素以及一个或多个tr、th或td元素组成。从基本层面看, table元素是由行组成的,行又是由单元格组成的。

每个行(tr)都包含标题单元格(th)或数据单元格(td),或者同时包含这两种单元格。

如果认为为整个表格添加一个标题有助于访问者理解该表格,可以提供 caption。

<table border="1">
  <tr>
    <th>someheader</th>
    <th>someheader</th>
    ......
  </tr>
  <tr>
    <th>sometext</th>
    <th>sometext</th>
    ......
  </tr>
</table>