图例中的标题是否有效？<图例> <H1>标题</ H1> </图例>

Question

我在visual studio中使用它,但编译器声称h1不能嵌套在legend元素中,但浏览器无论如何都可以渲染它,所以我很困惑这是否有效？

<fieldset>
   <legend>
     <h1>Caption</h1>
   </legend>
</fieldset>

Answer 1

浏览器做的很多事情都不是标准所要求的:-)

该页面在这里(HTML4)指定的legend关键字,并指出,它可以包含内联元素,它的头是不是一个组成部分.它确实有其他可能有用的,如big或strong.

此外,H1的相关页面未legend列为允许包含在其中的项目之一.您可能还可以使用id,class或style传说的属性设置底层文本属性.

Answer 2

在 HTML5 中，元素内部允许的<legend>元素是短语内容组中的元素。根据文档：

短语内容是文档的文本，以及在段落内标记该文本的元素。

Answer 3

在 HTML 5.2 中，这似乎是有效的：

4.10.16. 图例元素内容模型：短语内容和标题（h1-h6 元素）。

https://w3c.github.io/html/sec-forms.html#the-legend-element

这是个好消息，因为在复杂的表单中，图例与标题的作用相同，例如屏幕阅读器仅在聚焦表单元素时宣布图例。