分享

HTML表标题标签的定义与用法

 码农9527 2021-08-03

<thead>标签定义HTML中<table>元素的标题;  

<thead>标签与<tbody>和<tfoot>标签一起使用,它们定义HTML表格中的表头,表主体和表脚。

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>  123456789101112131415161718192021复制代码类型:[html]

效果展示:  

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

HTML4.01与HTML5差异  

在HTML5中,不再支持HTML4.01中<thead>标签的任何属性。  

浏览器支持  

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

标签属性  

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

全局属性  

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

事件属性  

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

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多