HTML <thead>用法及代码示例

HTML <thead> 元素用于定义 HTML 表格的标题。 <thead> 标签与 <tbody> 和 <tfoot> 标签一起使用，它们定义了 HTML 表格中的表格标题、表格正文和表格页脚。

<thead> 标签必须是 <table> 元素的子元素，并且必须在任何 <tbody>、<tr> 或 <tfoot> 元素之前使用。

<thead> 标签内至少应包含一行 <tr> 元素。

用法

<thead>
  		<tr>
  		</tr>
  	</thead>

以下是关于 HTML <thead> 标签的一些规范

Display	Inline
开始标签/结束标签	开始和结束标记
Usage	表头

示例

<!DOCTYPE html>
<html>
<head>
	<title>HTML thead Tag</title>
	<style>
	table{
	border-collapse:collapse;
	margin:15px;}
	thead{
	background-color:#005cb9;}
              tbody{
           	 background-color:#d4caca;}
              th,td{
               padding:12px;}
      </style>
</head>
<body>
  <h2>Example of thead tag</h2>
  <table border="1">
  <caption>Population of India</caption>
  	<thead>
  	         <tr>
  		<th>Year</th>
  		<th>Population</th>
  	         </tr>
  	</thead>
       <tbody>
        <tr>
             <td>2015</td>
             <td>1,309,053,980</td>
          </tr>
        <tr> 
            <td>2016</td>
              <td>1,324,171,354</td>
          </tr>
           <tr>
               <td>2017</td>
                <td>1,339,180,127</td>
            </tr>
             <tr>
               <td>2018</td>
               <td>1,354,051,854</td>
             </tr>
     </tbody>
  </table>
</body>
</html>

输出：

属性：

Tag-specific 属性：

属性	值	描述
align	正确的剩下中央证明烧焦	它确定 <thead> 元素内内容的对齐方式。 (HTML5 不支持)
char	Character	它指定 <thead> 元素内的内容与字符的对齐方式。 (HTML5 不支持)
charoff	Number	它指定内容将与 char 属性指定的字符对齐的字符数。 (HTML5 不支持)
valign	最佳中间底部基线	它确定 <thead> 元素内内容的垂直对齐方式。 (HTML5 不支持)

全局属性：

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

事件属性：

<thead> 标签支持 HTML 中的 Event 属性。

支持浏览器

Element	Chrome	IE	Firefox	Opera	Safari
<thead>	Yes	Yes	Yes	Yes	Yes

相关用法

注：本文由纯净天空筛选整理自 HTML <thead> tag。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。