本文概述
HTML <thead>元素用于定义HTML表的标题。 <thead>标记与<tbody>和<tfoot>标记一起使用, 它们定义HTML表中的表头, 表主体和表脚。
<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属性。
事件属性:
<thead>标记支持HTML中的Event属性。
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
<thead> | Yes | Yes | Yes | Yes | Yes |
评论前必须登录!
注册