html - 为什么不应该/不 被识别为文档大纲中的章节标题？

Question

目前，HTML5 标准从它在文章/部分/导航等中找到的第一个标题自动创建标题/标题。我遇到的问题是为什么 <caption>不应像对待标题一样对待(出于大纲的目的)。

以下面的代码为例。为了在文档大纲中有一个带标题的部分，您必须求助于此:

<table>
    <caption>Results from zombie duck experiment</caption>
    <h2 style="display: none;">Results from zombie duck experiment</h2>
    <tr>
        <td>FAILURE</td>
        <td>FAILURE</td>
    </tr>
</table>

(生成此大纲:http://gsnedders.html5.org/outliner/process.py?url=http%3A%2F%2Froncya.com%2Ftransfer%2FHTML5CaptionDocumentOutline2.htm)

我明白为什么会这样； HTMLDoctor 甚至说这是推荐的做事方式:

For accessibility reasons, we recommend each sectioning element have a heading, even <aside> and <nav>. If you don’t want these headings to be visible, you can always hide them with CSS. --http://html5doctor.com/outlines/

当然可以，但为什么不是这个呢？:

<table>
    <caption>Results from zombie duck experiment</caption>
    <tr>
        <td>FAILURE</td>
        <td>FAILURE</td>
    </tr>
</table>

(产生这个失败的大纲:http://gsnedders.html5.org/outliner/process.py?url=http%3A%2F%2Froncya.com%2Ftransfer%2FHTML5CaptionDocumentOutline1.htm)

我假设 W3C 做出了有意识的决定，而我唯一的想法是:

1. 表格虽然有一个结束标记，但实际上并没有用作 div、span、article、section、nav 等类似的“包装器”。所以从这个意义上说，他们没有定义“包围部分”
2. 标题是标题，字幕不是标题(...回答不多)
3. 典型的字幕不适合标题(我不同意这一点)

至于第 3 点，我认为典型的标题作为文档大纲中的标题仍然很有用。不管他们是在 table 上面还是下面。哎呀，我什至不明白为什么它会比没有更糟糕。以这些可能的标题为例——我认为它们都是合适的文档大纲部分标题:

• 僵尸鸭实验结果
• 图 3b
• Windows 8 区域定价
• 哪个品牌包含什么？
• 作弊码
• 颜色
• 亚伯拉罕·林肯在不同历史时期的着装

这对我来说肯定有意义。

Answer 1

在 HTML5 中，标题不仅包含简短的标题，还包含解释表格的描述性文字。该规范提供了 one example of use of 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>

这不是文档大纲的好标题。

我建议你把 <h?>如果您希望它出现在文档大纲中，请在标题内。在上面的示例中，这将是合适的:

<caption>
    <h2>Table 1.</h2>
    <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>

或者在你的例子中:

<table>
    <caption><h2>Results from zombie duck experiment</h2></caption>
    <tr>
        <td>FAILURE</td>
        <td>FAILURE</td>
    </tr>
</table>