-6ren"> -我目前正在阅读 Jon Duckett 的“HTML 和 CSS:设计和构建网站”以及第 6 章关于表格的内容,有一个示例如下: Tables -6ren">
gpt4 book ai didi

html - 为什么同时使用 和

转载 作者:行者123 更新时间:2023-12-01 01:39:12 25 4
gpt4 key购买 nike

我目前正在阅读 Jon Duckett 的“HTML 和 CSS:设计和构建网站”以及第 6 章关于表格的内容,有一个示例如下:

<!DOCTYPE html>
<html>
<head>
<title>Tables</title>
</head>

<body>
<table>
<thead>
<tr>
<th scope="col"></th>
<th scope="col">Home starter hosting</th>
<th scope="col">Premium business hosting</th>
</tr>
</thead>

<tbody>
<tr>
<th scope="row">Disk space</th>
<td>250mb</td>
<td>1gb</td>
</tr>

<tr>
<th scope="row">Bandwidth</th>
<td>5gb per month</td>
<td>50gb per month</td>
</tr>

<tr>
<th scope="row">Email accounts</th>
<td>3</td>
<td>10</td>
</tr>

<tr>
<th scope="row">Server</th>
<td>Shared</td>
<td>VPS</td>
</tr>

<tr>
<th scope="row">Support</th>
<td>Email</td>
<td>Telephone and email</td>
</tr>

<tr>
<th scope="row">Setup</th>
<td>Free</td>
<td>Free</td>
</tr>

<tr>
<th scope="row">FTP accounts</th>
<td>1</td>
<td>5</td>
</tr>
</tbody>

<tfoot>
<tr>
<td></td>
<td colspan="2">Sign up now and save 10%!</td>
</tr>
</tfoot>
</table>
</body>
</html>


我读了 here那个 <thead> element 定义了一组行,这些行定义了表的列的头部。和 scope="col"<th> element 用于指示它是列的标题。我的问题是,我们真的需要同时使用两者还是使用其中之一就足够了?可以/做 <thead>做任何事情 scope="col"不能/不做,反之亦然?

最佳答案

这里的一个重要方面是 可访问性 : 通过使用 th顶部和左侧的元素,根据 scope属性(列/行),屏幕阅读器“理解”(并以某种方式读取/输出)每个 td 有两个标题- 一个在上面,一个在左边。重要的不是thead元素(有些浏览器甚至会自动添加,如果它没有包含在原始代码中,但不可能为列添加),但是 th元素,表示标题单元格。

关于html - 为什么同时使用 <thead> 和 <th scope ="col">,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60097523/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com