HTML表格元素

2021-10-30    HTML 表格 Table元素 数据展示 表格结构

table

Table 元素用来生成表格。表格拥有行、列。

caption

Caption 元素为表格元素添加标题或者说明信息，caption 应该包含在 table 元素中。

1
2
3
4

<caption>
<p>表 1.</p>
<p>表格说明文字。</p>
</caption>

tbody

Tbody 元素用来标记表格主体。

thead

thead 元素用来标记表格的表头。

tfoot

Tfoot 元素用来标记表格的脚部，通常都是合计之类的信息。

tr

Tr 元素用来标记表格的行。

td

Td 元素用来标记表格的单元格。

th

Th 元素表示表头的单元格。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

<table>
   <caption>表格说明文字</caption>
 <thead>
  <tr> <th> ID <th> Measurement <th> Average <th> Maximum
 </thead>
 <tbody>
  <tr> <td> <th scope=rowgroup> Cats <td> <td>
  <tr> <td> 93 <th scope=row> Legs <td> 3.5 <td> 4
  <tr> <td> 10 <th scope=row> Tails <td> 1 <td> 1
 </tbody>
 <tbody>
  <tr> <td> <th scope=rowgroup> English speakers <td> <td>
  <tr> <td> 32 <th scope=row> Legs <td> 2.67 <td> 4
  <tr> <td> 35 <th scope=row> Tails <td> 0.33 <td> 1
 </tbody>
</table>

扩展阅读资料

  1. https://www.w3.org/TR/2017/REC-html52-20171214/tabular-data.html#tabular-data