更新时间:2014年8月10日

th元素(表格的表头单元格)

<th>~</th>

th元素表示表格的表头单元格。即相当于表格标题的部分。th元素的内容模型属于修饰内容元素,所以该元素里可以有a元素、abbr元素、b元素、mark元素、ruby元素、strong元素等。但是,不能有像td元素的flow内容元素。

th元素和td元素一样,也有colspan内容属性、rowspan内容属性、headers内容属性。

属性

1、colspan内容属性
指定该当单元格以及所属范围内的列数。
2、rowspan内容属性
指定该当单元格以及所属范围内的行数。
3、headers内容属性
指定该当表头单元格(th)的id内容属性的值。
4、scope内容属性
指定该当表头单元格(th)覆盖范围内的相关关键词。
【scope属性的可选值:】
  • row:同一行内的与之后的单元格建立连接。
  • col:同一列内的与之后的单元格建立连接
  • rowgroup:使表格的行集合化。
  • colgroup:使表格的列集合化。

使用例

<table border="1">

<caption>列集合的使用</caption>

<colgroup span="1" class="g1"></colgroup>

<colgroup span="2" class="g2"></colgroup>

<colgroup span="2" class="g3"></colgroup>

<thead>

<tr>

<th>集合A</th>

<th colspan="2">集合B</th>

<th colspan="2">集合C</th>

</tr>

</thead>

<tbody>

<tr>

<td>集合A</td>

<td>集合B</td><td>集合B</td>

<td>集合C</td><td>集合C</td>

</tr>

<tr>

<td>集合A</td>

<td>集合B</td><td>集合B</td>

<td>集合C</td><td>集合C</td>

</tr>

<tr>

<td>集合A</td>

<td>集合B</td><td>集合B</td>

<td>集合C</td><td>集合C</td>

</tr>

</tbody>

</table>

浏览器上的显示结果↓

列集合的使用
集合A 集合B 集合C
集合A 集合B集合B 集合C集合C
集合A 集合B集合B 集合C集合C
集合A 集合B集合B 集合C集合C
X

浏览器支持情况

元素
th yes yes yes yes yes