HTML <thead>标签

时间:2019-06-08 23:19:40  来源:igfitidea点击:

说明

HTML<thead>标签用于向表添加标题。在确定表的每个部分(页眉、页脚、正文)时,thead标签与tbody标签和tfoot标签一起使用。

示例

<!DOCTYPE html>
<html>

   <head>
      <title>HTML thead Tag</title>
   </head>

   <body>
      <table style = "width:100%" border = "1">
         <thead>
            <tr>
               <td colspan = "4">This is the head of the table</td>
            </tr>
         </thead>
         
         <tfoot>
            <tr>
               <td colspan = "4">This is the foot of the table</td>
            </tr>
         </tfoot>
         
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
               ...more rows here containing four cells...
            </tr>
         </tbody>
         
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
               ...more rows here containing four cells...
            </tr>
         </tbody>
         
      </table>
   </body>

</html>

全局属性

此标签支持HTML属性参考中描述的所有全局属性

特定属性

HTML<thead>标签还支持以下添加属性:

属性说明
alignright
left
center
justify
char
已弃用 - 对齐方式
charcharacter已弃用 - 指定文本在哪个字符上对齐。当align = "char"时使用
charoffpixels or %已弃用 - 指定与char属性指定的第一个字符的对齐偏移量(以像素或百分比值表示)。当align = "char"时使用
valigntop
middle
bottom
baseline
已弃用 - 垂直对齐方式。

事件属性

此标签支持HTML事件参考中描述的所有事件属性

浏览器支持

ChromeFirefoxIEOperaSafariAndroid
支持支持支持支持支持支持