HTML - headers 属性

HTML headers 属性用于在包含当前数据单元标题信息的表格单元格中指定一个或多个标题单元格。

此属性包含一个空格分隔的字符串列表，每个字符串对应于应用于此元素的<th>元素的id属性。它还指定了一个或多个属于该表格单元格的标题单元格。

语法

<tag headers = "header_id"></tag>

应用于

以下列出的元素允许使用 HTML headers 属性

元素	描述
<th>	HTML <th> 标签用于在表格中定义标题单元格
<td>	HTML <td> 用于在表格中定义单元格。

HTML headers 属性示例

以下示例将说明 HTML height 属性，以及我们应该在哪里以及如何使用此属性！

th 标签内的 headers 属性

在以下示例中，我们在<th>标签内使用 HTML 'header' 属性来指定名字和姓氏属于姓名。

<!DOCTYPE html>
<html lang="en">

<head>
    <title>HTML 'headers' Attribute</title>
    <style>
        table,
        th,
        td {
           border: 1px solid black;
        }
    </style>
</head>

<body>
    <!--HTML 'headers' attribute-->
    <h3>Example of the HTML 'headers' attribute</h3>
    <table>
        <tr>
            <th id='name' colspan="2">Full Name</th>
        </tr>
        <tr>
            <th headers="name">First Name</th>
            <th headers="name">Last Name</th>
        </tr>
    </table>
</body>

</html>

td 标签内的 headers 属性

考虑另一种情况，我们将使用 header 属性与 td 元素。

<!DOCTYPE html>
<html lang="en">

<head>
    <title>HTML 'headers' attribute</title>
    <style>
        table,
        th,
        td {
           border: 1px solid black;
        }
    </style>
</head>

<body>
    <!--HTML 'headers' attribute-->
    <h3>Example of the HTML 'headers' attribute</h3>
    <table>
        <tr>
            <th id="name">Name</th>
            <th id="email">Email</th>
            <th id='mobile'>Mobile</th>
            <th id='address'>Address</th>
        </tr>
        <tr>
            <td headers="name">Aman</td>
            <td headers="email">[email protected]</td>
            <td headers="mobile">9012345567</td>
            <td headers="address">Ranchi Jharkhand</td>
        </tr>
    </table>
</body>

</html>

支持的浏览器

属性
headers	是	是	是	是	是

html_attributes_reference.htm

打印页面