Ostatnio edytowany:

Korzeń sekcji dla sekcji zawartości

Autor: Virtual Patriot

Każdy element HTML należący do kategorii korzeń sekcji tworzy nowy korzeń sekcji (określonego typu). Korzeń sekcji jest miejscem, w którym możemy umieszczać interesujące nas sekcje zawartości nieokreślonego typu, sekcje zawartości określonego typu, jak również inne korzenie sekcji wraz z ich sekcjami zawartości oraz korzeniami sekcji.

Przykład:

<body><!-- NOWY KORZEŃ SEKCJI TYPU BODY -->
  <article>
    <h1>Mój ulubiony kolor</h1>

    <p>
      Moim ulubionym kolorem jest kolor błękitny.
    </p>

    <figure><!-- NOWY KORZEŃ SEKCJI TYPU FIGURE -->
      <h1>Fotografia nieba</h1>
      <!-- miejsce na pozostały kod HTML elementu "figure" -->
    </figure>
  </article>

  <article>
    <h1>Mój ulubiony owoc</h1>

    <p>
      Moim ulubionym owocem jest czereśnia.
    </p>

    <blockquote><!-- NOWY KORZEŃ SEKCJI TYPU BLOCKQUOTE -->
      <h1>Czereśnia</h1>
      <!-- miejsce na pozostały kod HTML elementu "blockquote" -->
    </blockquote>
  </article>
</body>

W naszym przykładowym kodzie HTML występują trzy korzenie sekcji określonego typu.

Pierwszym korzeniem sekcji określonego typu jest korzeń sekcji typu body tworzony przez element body.

Drugim korzeniem sekcji określonego typu jest korzeń sekcji typu figure tworzony przez element figure.

Trzecim korzeniem sekcji określonego typu jest korzeń sekcji typu blockquote tworzony przez element blockquote.

O tym, jaką rolę pełnią poszczególne korzenie sekcji tworzone przez poszczególne elementy HTML należące do kategorii korzeń sekcji powiemy sobie nieco później.