本文概述
- 属性
- 支持的浏览器
< thead> 标记必须是< table> 元素的子元素, 并且必须在任何< tbody> , < tr> 或< tfoot> 元素之前使用。
< thead> 标记内应至少包含一行< tr> 元素。
句法
<
thead>
<
tr>
<
/tr>
<
/thead>
以下是有关HTML < thead> 标记的一些规范
Display | Inline |
开始日期/结束日期 | 开始和结束标签 |
Usage | 表头 |
<
!DOCTYPE html>
<
html>
<
head>
<
title>
HTML thead Tag<
/title>
<
style>
table{ border-collapse: collapse;
margin: 15px;
} thead{ background-color:#005cb9;
}tbody{background-color: #d4caca;
}th, td{padding: 12px;
}<
/style>
<
/head>
<
body>
<
h2>
Example of thead tag<
/h2>
<
table border="1">
<
caption>
Population of India<
/caption>
<
thead>
<
tr>
<
th>
Year<
/th>
<
th>
Population<
/th>
<
/tr>
<
/thead>
<
tbody>
<
tr>
<
td>
2015<
/td>
<
td>
1, 309, 053, 980<
/td>
<
/tr>
<
tr>
<
td>
2016<
/td>
<
td>
1, 324, 171, 354<
/td>
<
/tr>
<
tr>
<
td>
2017<
/td>
<
td>
1, 339, 180, 127<
/td>
<
/tr>
<
tr>
<
td>
2018<
/td>
<
td>
1, 354, 051, 854<
/td>
<
/tr>
<
/tbody>
<
/table>
<
/body>
<
/html>
立即测试
输出:
文章图片
属性 特定于标签的属性:
属性 | 值 | 描述 |
---|---|---|
align | 左右中心居中对齐字符 | 它确定< thead> 元素内内容的对齐方式。 (HTML5不支持) |
char | Character | 它指定< thead> 元素内的内容与字符的对齐方式。 (HTML5不支持) |
charoff | Number | 它指定将从char属性指定的字符开始对齐的字符数。 (HTML5不支持) |
valign | 上中下基线 | 它确定< thead> 元素内内容的垂直对齐方式。 (HTML5不支持) |
< thead> 标记支持HTML中的Global属性。
事件属性:
【HTML thead标记】< thead> 标记支持HTML中的Event属性。
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
< thead> | Yes | Yes | Yes | Yes | Yes |