正确的表格标题

2023-12-11

语义问题。如果我有一个基本上是一张大表的 HTML 页面,我应该使用什么元素作为标题?

通常,您会使用h1用于页面标题,以及caption作为表格的标题。但是,如果表格是页面上唯一的内容怎么办?包括两者看起来有点傻。那我用一个h1并忘记caption, 或相反亦然?

是否有关于此的正式(W3C 或 WHATWG)建议?如果是这样,我就找不到他们了。

PS:为了这个问题,我们假设表格中充满了表格数据,好吧。


表格标题可以包含自由格式的内容。您可以在caption元素,将标题保留为标题元素,这样看起来一点也不傻。

The spec为了caption元素包含一个示例:

从摘要上看,这张表并不清晰。然而,如果有一个标题给出表格的编号(供主要文章中参考)并解释其用途,则更有意义:

<caption>
<p>Table 1.
<p>This table shows the total score obtained from rolling two
six-sided dice. The first row represents the value of the first die,
the first column the value of the second die. The total is given in
the cell that corresponds to the values of the two dice.
</caption>

如果该表是不言自明的,您可以省略标题,但我仍然建议使用文档级标题。标题是文档大纲的重要组成部分,caption没有发挥作用(而且,值得注意的是,title元素,即使它代表文档标题)。尽管无论如何都不存在大纲的实际实现,但使用文档级标题不会出错。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

正确的表格标题 的相关文章

随机推荐