<td>
和<th>
元素定义 headers 属性,可用于使用屏幕阅读器和其他技术更容易地处理表。
headers 属性的值是一个或多个单元的 ID 属性值。
以下代码显示了如何使用此属性。
<!DOCTYPE HTML>
<html>
<head>
<title>HTML 表头(.cn)</title>
<style>
thead th,
tfoot th {
text-align: center;
background: #FE6A00;
color: white
}
tbody th {
text-align: center;
background: lightgrey;
color: grey;
}
tbody td {
text-align: center;
}
thead [colspan],
tfoot [colspan] {
text-align: center;
}
#first,
#second {
background: #FAEBD7;
color: #FE6A00;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th id="time">时间</th>
<th id="weather">天气</th>
<th id="temperature">温度/℃</th>
<th id="wind">风向</th>
</tr>
</thead>
<tbody>
<tr>
<th id="first">7月24日</th>
<td headers="weather first">多云</td>
<td headers="temperatire first">26~37</td>
<td headers="wind first">南风</td>
</tr>
<tr>
<th id="second">7月25日</th>
<td headers="weather second">多云</td>
<td headers="temperatire second">26~36</td>
<td headers="wind second">南风</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="4">© 2020 www..cn 编程狮</th>
</tr>
</tfoot>
</table>
</body>
</html>
全局id
属性被添加到tbody
中的thead
和th元素中的th
个元素。
对于 tbody
中的每个 td
和 th
headers 属性将单元格与列标题相关联。
HTML 颜色值 颜色由红 (R)、绿 (G)、蓝 (B) 组成。颜色值 颜色值由十六进制来表示红、绿、蓝(RGB)。 每个颜色的最低值为 0 (十...
HTML iframe iframe 元素在现有元素中嵌入另一个HTML文档。它有局部属性: src,srcdoc,name,width,height,sandbox,seamless...
响应式 Web 设计 - 媒体查询 媒体(media)查询在 CSS3 上有介绍:CSS3 @media 查询。使用 @media 查询,你可以针对不同的媒体类型...
CSS Id 和 Class id 和 class 选择器 如果你要在 HTML 元素中设置 CSS 样式,你需要在元素中设置 "id" 和 "class" 选择器。 id ...
我们都对“两端对齐”并不陌生,在 word、powerpoint、outlook 等界面工具栏里,都有两端对齐(分散对齐)的功能按钮,只是平时使...