Экранирование ч контура

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) явно, что в любом случае рекомендует спецификация HTML5:

Авторам также рекомендуется явным образом заключать разделы в элементы секционированного контента, вместо того чтобы полагаться на неявные секции, созданные несколькими заголовками в одном элементе секционированного контента.

Таким образом, ваш фрагмент может выглядеть так:

<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 Элемент теперь находится в области заголовка "Заголовок раздела".

(Вместо section рассмотреть, подходит ли один из трех других элементов контента секционирования, например, aside.)

Answer 2

Хорошо, так и должно быть:

<section or article>
  <h1>Types of Foods</h1>
      <section>
         <h2>Fruits</h2>
            <p>Intro of fruits</p>
              <section>
               <h3>Bananas</h3>
                  <p>about bananas</p>
              </section>
              <section>
               <h3>Apples</h3>
                  <p>about apples</p>
              </section>
           <p>Conclusion of fruits</p>
      </section>
      <section>
         <h2>Vegetables</h2>
            <p>Intro of vegetables</p>
              <section>
               <h3>Lettuce</h3>
                  <p>about lettuce</p>
              </section>
              <section>
               <h3>Carrots</h3>
                  <p>about carrots</p>
              </section>
           <p>Conclusion of vegetables</p>
      </section>
  <p>Conclusion of Types of Foods</p>
</section or /article>

Спасибо за вашу помощь!!