我应该为详细信息标签指定 h2-h6 sub-headings 以使详细信息成为一个不同的部分吗？

Question

我有几个 <details> 标签作为我页面的部分。我的理解是 <summary> 标签作为 <details> 的标题，所以我没有在 <details>.

之内或之前添加任何 <h2> 标题

但是，为了确保这些<details>确实是独立的部分，我不确定细节是否需要sub-headings。我当前的标记类似于：

<body>
<h1>Page title</h1>

<details>
  <summary>1st Section</summary> <!--should I insert an h2 tag inside the summary to make it a distinct section?-->
  <p> ........... </p>
</details>

<details>
  <summary>2nd Section</summary>
  <p> ........... </p>
</details>

</body>

Answer 1

<details> 元素是 sectioning root，因此您没有添加标题。话虽如此，请随意向其包含的 <summary> 元素添加一个标题，因为 <summary> 元素可以接受措辞内容，或者一个标题元素将用作其包含的 [=10] 的标题=]元素.

Answer 2

details 元素是分节根，因此它（或其 summary 元素）不能成为文档大纲的一部分，无论它是否包含标题元素。

`details`

之外的标题

如果用户可以从中受益

了解文档包含哪些 details 个元素，或
能够跳过某些 details 元素，

在 details 个元素（组）之前提供标题是有意义的。

这里的 details 没什么特别的，如果它是一个 form、几个 p 元素、一个 ul 等，你也会这样做

<body>
<h1>Page title</h1>

<section>
  <h2>foo</h2>
  <details><!-- details 1 --></details>
  <details><!-- details 2 --></details>
</section>

<section>
  <h2>bar</h2>
  <details><!-- details 3 --></details>
</section>

</body>

`details`

内的标题

由于 details 元素是一个截面根，它有自己的轮廓。如果 details 元素中的内容将受益于结构（概述，跳过），请在其中提供标题元素。

<details>
  <summary><h1>History</h1></summary>
  <p>…</p>

  <section>
    <h2>1800s</h2>
    <p>…</p>
  </section>

  <section>
    <h2>1900s</h2>
    <p>…</p>
  </section>

</details>

如果您使用标题，请注意您没有将第一个标题放在 summary 元素中，即，如果您想使用不同的标题open/close 和 details 的标签比第一个标题有意义（尽管在大多数情况下它们是相同的）。

我应该为详细信息标签指定 h2-h6 sub-headings 以使详细信息成为一个不同的部分吗？

Should I specify h2-h6 sub-headings for a details tag to make the details a distinct section?

html

semantic-markup

`details`

`details`