HTML <thead>标签，定义表头

<thead>标签

thead元素用于定义HTML的表格的表头，如果不设置样式，thead元素的样式似乎与其它的div没什么两样（具体见下方实例），该元素的意义似乎更多的是表现在向浏览器或其它机器的表达HTML文档中表格的结构和语义。在table元素定义的表格中，一般可以分为三大结构，分别是thead定义的表头、tbody元素定义的表格内容主体，以及tfoot定义表格的表注。

提示：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，然后再运行看看效果。

hot：热门