標題中的圖例是否有效？ <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驗證

行情 -

上下文中可使用的元素的圖例： 作爲字段集元件的第一個子。