<thead> | HTML表标题标签的定义与用法

由 hcduguo

定义与用法

  • <thead>标签定义HTML中<table>元素的标题；
  • <thead>标签与<tbody>和<tfoot>标签一起使用，它们定义HTML表格中的表头，表主体和表脚。
  • <thead>标签作为<table>标签的子元素，需出现在 <caption>、<colgroup> 元素之后；<tbody>，<tr>或<tfoot>元素之前。
  • <thead>标记内应至少包含一行<tr>元素。

提示：<thead>、<tbody> 和 <tfoot> 元素默认不会影响表格的布局。不过可以使用 CSS 来为这些元素定义样式，从而改变表格的外观。

语法格式

<thead>  

<tr>……</tr>  

<thead>  

示例代码

<table border="1">
    <caption>图书大厦书目价格单</caption>  
    <thead>  
        <tr>  
            <th>书名</th>  
            <th>单价</th>  
        </tr>  
    </thead>  
    <tr>  
        <td>HTML入门教程</td>  
        <td>79.00元</td>  
    </tr>  
    <tr>  
        <td>JavaScript基础教程</td>  
        <td>46.00元</td>  
    </tr>  
    <tr>  
        <td>Python精品教程</td>  
        <td>99.00元</td>  
    </tr>  
</table>

效果展示：

图书大厦书目价格单
书名 单价
HTML入门教程 79.00元
JavaScript基础教程 46.00元
Python精品教程 99.00元

HTML 4.01 与 HTML5差异

在 HTML 5 中，不再支持 HTML 4.01 中 <thead> 标签的任何属性。

浏览器支持

所有主流浏览器都支持 <thead> 标签。

标签属性

属性值描述
alignright
left
center
justify
char		HTML5 不支持。定义 <thead> 元素中内容的对齐方式。
charcharacterHTML5 不支持。规定 <thead> 元素中内容根据哪个字符来对进行文本对齐。
charoffnumberHTML5 不支持。规定 <thead> 元素中内容的第一个对齐字符的偏移量。
valigntop
middle
bottom
baseline		HTML5 不支持。规定 <thead> 元素中内容的垂直对齐方式。

全局属性

<thead> 标签支持 HTML 的全局属性。

事件属性

<thead> 标签支持 HTML 的事件属性。

相关