Ostatnio edytowany:

Granica korzenia sekcji

Autor: Virtual Patriot

Każdy element HTML tworzący korzeń sekcji posiada swoją własną granicę.

Początek granicy korzenia sekcji wyznacza tag otwierający element HTML tworzący dany korzeń sekcji (który jak już wiemy może tworzyć któryś z elementów HTML należących do kategorii korzeń sekcji).

Przykład:

<body><!-- POCZĄTEK KORZENIA SEKCJI TYPU BODY -->
  <article>
    <h1>Mój ulubiony kwiat</h1>

    <p>
      Moim ulubionym kwiatem jest róża.
    </p>

    <p>
      Ponieważ róża to symbol miłości.
    </p>

    <figure><!-- POCZĄTEK KORZENIA SEKCJI TYPU FIGURE -->
      <h1>Fotografia róży</h1>
      <img src="http://webkod.pl/files/html/kwiat-01.png" alt="czerwona róża">
    </figure>
  </article>
</body>

Koniec granicy korzenia sekcji wyznacza tag zamykający element HTML tworzący dany korzeń sekcji.

Przykład:

<body><!-- POCZĄTEK KORZENIA SEKCJI TYPU BODY -->
  <article>
    <h1>Mój ulubiony kwiat</h1>

    <p>
      Moim ulubionym kwiatem jest róża.
    </p>

    <p>
      Ponieważ róża to symbol miłości.
    </p>

    <figure><!-- POCZĄTEK KORZENIA SEKCJI TYPU FIGURE -->
      <h1>Fotografia róży</h1>
      <img src="http://webkod.pl/files/html/kwiat-01.png" alt="czerwona róża">
    </figure><!-- KONIEC KORZENIA SEKCJI TYPU FIGURE -->
  </article>
</body><!-- KONIEC KORZENIA SEKCJI TYPU BODY -->

Dostrzegając granicę poszczególnych korzeni sekcji możemy dostrzec, które elementy HTML należą do poszczególnego korzenia sekcji.

Przykład:

<body><!-- POCZĄTEK KORZENIA SEKCJI TYPU BODY -->
  <article>
    <h1>Mój ulubiony kwiat</h1>

    <p>
      Moim ulubionym kwiatem jest róża.
    </p>

    <p>
      Ponieważ róża to symbol miłości.
    </p>

    <figure><!-- POCZĄTEK KORZENIA SEKCJI TYPU FIGURE -->
      <h1>Fotografia róży</h1>
      <img src="http://webkod.pl/files/html/kwiat-01.png" alt="czerwona róża">
    </figure><!-- KONIEC KORZENIA SEKCJI TYPU FIGURE -->
  </article>
</body><!-- KONIEC KORZENIA SEKCJI TYPU BODY -->

Do korzenia sekcji typu body należy: pierwszy element article, pierwszy element h1, pierwszy element p, drugi element p oraz korzeń sekcji typu figure tworzony przez pierwszy element figure.

Do korzenia sekcji typu figure należy: drugi element h1 oraz pierwszy element img.