Tytuł korzenia sekcji

Każdy korzeń sekcji tworzony przez któryś z elementów HTML należących do kategorii korzeń sekcji może posiadać swój własny tytuł reprezentowany przez któryś z elementów HTML należących do kategorii nagłówek zawartości .

Przykład:

<body>
  <!-- KORZEŃ SEKCJI TYPU BODY POSIADAJĄCY TYTUŁ - "Moje ulubione rzeczy" -->
  <h1>Moje ulubione rzeczy</h1>

  <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>
      <!-- KORZEŃ SEKCJI TYPU FIGURE POSIADAJĄCY TYTUŁ - "Fotografia róży" -->
      <h1>Fotografia róży</h1>
      <img src="./html/kwiat-01.png" alt="czerwona róża">
    </figure>
  </article>
</body>

W naszym przykładowym kodzie HTML występują dwa korzenie sekcji posiadające swój własny tytuł.

Tytułem korzenia sekcji typu body tworzonego przez element body jest ciąg znaków Moje ulubione rzeczy.

Tytułem korzenia sekcji typu figure tworzonego przez element figure jest ciąg znaków Fotografia róży.

Przykład:

<body>
  <!-- KORZEŃ SEKCJI TYPU BODY NIEPOSIADAJĄCY SWOJEGO TYTUŁ -->

  <nav>
    <!-- SEKCJA ZAWARTOŚCI TYPU NAV POSIADAJĄCA SWÓJ TYTUŁ -->
    <h1>Dodatkowa nawigacja</h1>
    <!-- miejsce na pozostały kod HTML elementu "nav" -->
  </nav>

  <!-- SEKCJA ZAWARTOŚCI NIEOKREŚLONEGO TYPU POSIADAJĄCA SWÓJ TYTUŁ -->
  <h1>Moje ulubione rzeczy</h1>

  <article>
    <!-- SEKCJA ZAWARTOŚCI TYPU ARTICLE POSIADAJĄCA SWÓJ TYTUŁ -->
    <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>
      <!-- KORZEŃ SEKCJI TYPU FIGURE POSIADAJĄCY SWÓJ TYTUŁ -->
      <h1>Fotografia róży</h1>
      <img src="./html/kwiat-01.png" alt="czerwona róża">
    </figure>
  </article>
</body>
PreviousTytuł sekcji zawartości określonego typuNextPodział na części sekcji zawartości określonego typu

Last updated