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>

立即测试

输出：

属性

特定于标签的属性：

属性	值	描述
align	左右中心居中对齐字符	它确定<thead>元素内内容的对齐方式。（HTML5不支持）
char	Character	它指定<thead>元素内的内容与字符的对齐方式。（HTML5不支持）
charoff	Number	它指定将从char属性指定的字符开始对齐的字符数。（HTML5不支持）
valign	上中下基线	它确定<thead>元素内内容的垂直对齐方式。（HTML5不支持）