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

Question

我想知道是否可以在标题中插入图例。这样，图例也可以具有与整个文档相关的层次结构。

我在下面有更多的文字是相关的，但需要为读者强调。在这种情况下，个人信息将同时为legend和h2。 h1将是我选择不显示的网站中的另一个元素。

<fieldset> 

    <h2> 
    <legend>Personal information</legend> 
    </h2> 

    <h3> 
    Credentials 
    </h3> 
    <label for="username"> 
     Username 
    </label> 
    <input id="username" type="text"> 
    <label for="surname"> 
     Surname 
    </label> 
    <input id="surname" type="text"> 

    <h3> 
    Contact details 
    </h3> 
    <label for="street"> 
     Street 
    </label> 
    <input id="street" type="text"> 
    <label for="house-number"> 
     House number 
    </label> 
    <input id="house-number" type="number"> 

</fieldset> 

Answer 1

正如https://developer.mozilla.org/it/docs/Web/HTML/Element/legend

允许父元素指出：一个<fieldset>其第一个孩子是这个<legend>元素

在您的示例<legend>元素不是第一个孩子它的祖先<fieldset>，所以它不是有效的HTML5标记。

而且注意，也恢复了元素的顺序，像这样

<legend><h2>Personal information</h2></legend> 

标记不会仍然有效，因为<legend>允许phrasing content只有

Answer 2

元legend是不允许的元素h1的孩子。 仅作为fieldset的子女。从W3C验证

行情 -

上下文中可使用的元素的图例： 作为字段集元件的第一个子。