Korzeń sekcji typu "body"

Jak już zdążyliśmy zauważyć w języku HTML (oprócz sekcji zawartości) występują korzenie sekcji, które są swojego rodzaju miejscem na różne sekcje zawartości.

Element body reprezentuje korzeń sekcji typu body.

Z założenia zawartość korzenia sekcji typu body występująca w kodzie HTML powinna reprezentować całą treść dokumentu HTML, która to treść ma zostać wyświetlona w oknie przeglądarki internetowej dla użytkownika.

Korzeń sekcji typu body jest miejscem występowania wszystkich sekcji zawartości oraz wszystkich korzeni sekcji każdego dokumentu HTML.

Przykład:

<body><!-- POCZĄTEK KORZENIA SEKCJI TYPU BODY -->
  <h1>Moje ulubione rzeczy</h1>

  <!-- SEKCJA ZAWARTOŚCI TYPU ARTICLE -->
  <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>

    <!-- KORZEŃ SEKCJI TYPU FIGURE -->
    <figure>
      <h1>Fotografia róży</h1>
      <img src="./kwiat-01.png" alt="czerwona róża">
    </figure>
  </article>

  <!-- SEKCJA ZAWARTOŚCI TYPU ARTICLE -->
  <article>
    <h1>Mój ulubiony kolor</h1>
    <p>Moim ulubionym kolorem jest kolor błękitny.</p>

    <!-- SEKCJA ZAWARTOŚCI TYPU SECTION -->
    <section>
      <h1>Dlaczego błękitny?</h1>
      <p>Ponieważ błękitny to kolor nieba.</p>
    </section>
  </article>

  <!-- SEKCJA ZAWARTOŚCI TYPU ARTICLE -->
  <article>
    <h1>Mój ulubiony owoc</h1>
    <p>Moim ulubionym owocem jest czereśnia.</p>

    <!-- SEKCJA ZAWARTOŚCI TYPU SECTION -->
    <section>
      <h1>Dlaczego czereśnia?</h1>
      <p>Ponieważ uwielbiam ten czereśniowy smak.</p>
    </section>
  </article>
</body><!-- KONIEC KORZENIA SEKCJI TYPU BODY -->

Rezultat:

Last updated