Тег раздела в HTML: использование и примеры - Fcodenotes

Тег раздела в HTML используется для определения раздела в документе. Это семантический элемент, который помогает структурировать и организовать контент на веб-странице. Вот несколько методов и вариантов использования тега раздела в HTML:

Тег раздела можно использовать для разделения содержимого веб-страницы на логические разделы. Например, вы можете использовать его для разделения разделов заголовка, основного контента, боковой панели и нижнего колонтитула веб-страницы.

<section>
  <header>
    <!-- Header content goes here -->
  </header>
  <main>
    <!-- Main content goes here -->
  </main>
  <aside>
    <!-- Sidebar content goes here -->
  </aside>
  <footer>
    <!-- Footer content goes here -->
  </footer>
</section>

Тег раздела можно использовать для группировки связанного контента. Это может быть полезно для стилизации или применения функций JavaScript к определенным разделам веб-страницы.

<section>
  <h2>Introduction</h2>
  <p>Some introductory text...</p>
</section>
<section>
  <h2>Features</h2>
  <ul>
    <li>Feature 1</li>
    <li>Feature 2</li>
    <li>Feature 3</li>
  </ul>
</section>
<section>
  <h2>Contact</h2>
  <p>Contact information...</p>
</section>

<body>
  <section>
    <h1>Page Title</h1>
    <section>
      <h2>Section 1</h2>
      <section>
        <h3>Subsection 1.1</h3>
        <p>Content...</p>
      </section>
      <section>
        <h3>Subsection 1.2</h3>
        <p>Content...</p>
      </section>
    </section>
    <section>
      <h2>Section 2</h2>
      <p>Content...</p>
    </section>
  </section>
</body>