本文概述
在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 |