Ostatnio edytowany:

Grupowanie zawartości

Autor: Virtual Patriot

Do kategorii grupowanie zawartości należą przede wszystkim elementy HTML, których zadaniem jest grupowanie zawartości znajdującej się w części BODY dokumentu HTML. Innymi słowy przeznaczeniem wspomnianych elementów HTML jest grupowanie zawartości występującej zazwyczaj w różnych sekcjach zawartości znajdujących się w części BODY dokumentu HTML.

Przykład:

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Moje ulubione rzeczy</title>
  </head>
  <body>

    <h1>Mój blog</h1>

    <article>
      <h1>Mój ulubiony kwiat</h1>
      Moim ulubionym kwiatem jest róża.
      Ponieważ róża to symbol miłości.
    </article>

    <article>
      <h1>Mój ulubiony kolor</h1>
      Moim ulubionym kolorem jest kolor błękitny.
      Ponieważ błękitny to kolor nieba.
    </article>

  </body>
</html>

Zawartością każdej sekcji typu article znajdującej się w naszej przykładowej strukturze HTML jest między innymi jeden akapit treści. Wspomniany akapit treści zawiera informację zarówno o tym, co jest naszą ulubioną rzeczą (na przykład kolor błękitny), jak również wspomniany akapit treści zawiera informację o tym, dlaczego dana rzecz jest naszą ulubioną rzeczą (na przykład dlatego że błękitny to kolor nieba).

Zawartość w postaci wspomnianego akapitu treści możemy pogrupować za pomocą elementu p na zawartość składającą się z dwóch osobnych akapitów treści, jeżeli z jakiejś przyczyny będziemy tego chcieli.

Przykład:

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Moje ulubione rzeczy</title>
  </head>
  <body>

    <h1>Mój blog</h1>

    <article>
      <h1>Mój ulubiony kwiat</h1>
      Moim ulubionym kwiatem jest róża.
      Ponieważ róża to symbol miłości.
    </article>

    <article>
      <h1>Mój ulubiony kolor</h1>
      <p>Moim ulubionym kolorem jest kolor błękitny.</p>
      <p>Ponieważ błękitny to kolor nieba.</p>
    </article>

  </body>
</html>

Od tej pory zawartością drugiej sekcji typu article znajdującej się w naszej przykładowej strukturze HTML są między innymi dwa osobne akapity treści reprezentowane przez swój własny element p. Zawartość pierwszego akapitu treści, czyli zawartość reprezentowana przez pierwszy element p, mówi nam o tym, że naszym ulubionym kolorem jest kolor błękitny. Natomiast zawartość drugiego akapitu treści, czyli zawartość reprezentowana przez drugi element p, podaje nam przyczynę, dlaczego naszym ulubionym kolorem jest ten, a nie inny kolor.

O pozostałych elementach HTML należących do kategorii grupowanie zawartości powiemy sobie znacznie później.