图例中的标题有效吗？< legend ><h1>标题</h1></legend>

Question

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

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

Answer 1

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

此页面here (HTML4)指定legend关键字，并声明它可以包含inline elements，而标头不是其中的一部分。它确实有其他可能有用的工具，如big或strong。

此外，H1的相关页面没有将legend列为允许包含的项之一。您还可以使用图例的id、class或style属性来设置基础文本属性。

Answer 2

在HTML5中，允许在<legend>元素内的元素是Phrasing Content组中的元素。根据文档：

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

Answer 3

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

4.10.16。图例元素内容模型:表述内容和标题(h1-h6元素)。

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

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