html - 转义 h 大纲

Question

所以我一直在尝试找出在被低级标题吸引后添加内容的最佳方式。

<section> 
  <h1>Title of Section</h1>
  <h2>Related 1</h2>
  <h2>Related 2</h2>
     <p>I NEED THIS TO BE PART OF H1</p>
</section>

这就是它出现在大纲上的方式:h2 之后的任何内容都将与该特定部分相关。但是，我希望它转义 h2 并让它成为 h1 的一部分。

Answer 1

显式使用分段内容元素(section、article、aside、nav)，无论如何都是 what the HTML5 spec recommends :

Authors are also encouraged to explicitly wrap sections in elements of sectioning content, instead of relying on the implicit sections generated by having multiple headings in one element of sectioning content.

因此您的代码段可能如下所示:

<section> 
  <h1>Title of Section</h1>
  <section>  
    <h2>Related 1</h2>
  </section>
  <section>  
    <h2>Related 2</h2>
  </section>
  <p>I NEED THIS TO BE PART OF H1</p>
</section>

p 元素现在在标题“Title of Section”的范围内。

(而不是 section，如果其他三个分段内容元素之一合适，则为 consider，例如，aside。)