标题中的图例是否有效？<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>允许短语内容