个性化阅读
专注于IT技术分析

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>

立即测试

输出:

HTML thead标签

属性

特定于标签的属性:

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

全局属性:

<thead>标记支持HTML中的Global属性。

事件属性:

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

支持的浏览器

Element Chrome IE Firefox Opera Safari
<thead> Yes Yes Yes Yes Yes
赞(0)
未经允许不得转载:srcmini » HTML thead标记

评论 抢沙发

评论前必须登录!