本文概述
在HTML表中, 有两种类型的单元格:
- 标题单元格-包含标题信息(使用<th>元素创建)
- 数据单元格-包含表的主要数据(使用<td>元素创建)。
HTML <th>标记用于定义HTML表的标题单元格。标题单元格默认显示为粗体并且在浏览器中居中, 但是你可以使用CSS属性更改其默认样式。
<th>标记必须用作<table>元素中<tr>元素的子元素。表格的大小可以根据内容大小自动调整。
句法
<th>Content....... </th>
以下是有关HTML <th>标记的一些规范
| Display | None |
| 开始日期/结束日期 | 开始和结束标签 |
| Usage | HTML Tables |
例
<!DOCTYPE html>
<html>
<head>
<title>HTML th Tag</title>
<style>
table{
border-collapse: collapse;
width: 70%;}
th, td{
background-color: #528b8b;
padding: 10px;
}
</style>
</head>
<body>
<h2>Example of th tag</h2>
<table border="1">
<tr>
<th>Month</th>
<th>Date</th>
</tr>
<tr>
<td>January</td>
<td>20.01.2018</td>
</tr>
<tr>
<td>February</td>
<td>01.02.2018</td>
</tr>
<tr>
<td>March</td>
<td>15.03.2018</td>
</tr>
</table>
</body>
</html>
立即测试
输出:

属性
特定于标签的属性:
| 属性 | 值 | 描述 |
|---|---|---|
| abbr | text | 它定义了标题单元格内容的缩写形式。 (HTML5不支持) |
| align | 左右中对齐字符 | 它指定标题单元格内容的对齐方式。 (HTML5不支持) |
| axis | category_name | It Categorizes header Cells(Not Supported in HTML5) |
| bgcolor | rgb(x, x, x)#xxxxxx颜色名称 | 它设置标题单元格的背景颜色。 (HTML5不支持) |
| char | character | 它指定标题单元格的内容与字符的对齐方式。 (HTML5不支持) |
| charoff | number | 它指定将从char属性指定的字符开始对齐标题单元格内容的字符数。 (HTML5不支持) |
| colspan | number | 它确定标题单元格应该跨越的列数。 |
| headers | header_id | 它确定以空格分隔的标头单元列表, 该列表包含与单元相关的信息。 |
| height | % pixels |
它确定表标题单元格的高度。 (HTML5不支持) |
| nowrap | nowrap | 如果设置, 则标题单元格内的内容不应换行。 (HTML5不支持) |
| rowspan | number | 它确定一个单元格应该跨越的行数。 |
| scope | col colgroup行rowgroup | 它指定标头元素相关的单元格。 (HTML5不支持) |
| valign | 上中下基线 | 它确定单元格内容的垂直对齐方式。 (HTML5不支持) |
| width | % 像素 | 它确定标题单元格的宽度。(HTML5不支持) |
全局属性:
<th>标记支持HTML中的Global属性。
事件属性:
<th>标记支持HTML中的Event属性。
支持的浏览器
| Element | Chrome | IE | Firefox | Opera | Safari |
| <th> | Yes | Yes | Yes | Yes | Yes |
