HTML <thead>标签,定义表头
<thead>标签
thead元素用于定义HTML的表格的表头,如果不设置样式,thead元素的样式似乎与其它的div没什么两样(具体见下方实例),该元素的意义似乎更多的是表现在向浏览器或其它机器的表达HTML文档中表格的结构和语义。在table元素定义的表格中,一般可以分为三大结构,分别是thead定义的表头、tbody元素定义的表格内容主体,以及tfoot定义表格的表注。
<thead></thead>
提示:thead元素一般包含于table标签之内,thead“可以”是table的第一个子元素。thead元素之内,一般又包含th元素定义的表头单元格(th包含于tr表格行元素,tr又包含于thead)。thead包含起始标签和结束标签。
thead元素可选属性
属性 | 值 | 描述 |
---|---|---|
align | left、right、center、justify、char | 指定单元格内容水平对其方式 |
char | character | 指定单元格根据某一个字符进行内容对齐 |
charoff | 数值 | 指定对齐字符偏移量 |
valign | top、middle、bottom、baseline | 指定单元格内容垂直排列的方法 |
thead元素实例代码,及在线编辑器
<table border='1'>
<thead>
<tr><th>蔬菜</th><th>水果</th><th>零食</th></tr>
</thead>
<tbody>
<tr><td>芥兰</td><td>菠萝</td><td>糖果</td></tr>
</tbody>
</table>
实例代码提示
如上代码,thead元素定义的表头在默认情况下跟一个普通的div元素是没什么区别的,大家可以尝试性地在上面在线编辑器中将实例中的thead元素改成div,然后再运行看看效果。