Ostatnio edytowany:

section

Autor: Virtual Patriot

Przeznaczenie elementu section

Element section reprezentuje sekcję typu section, której przeznaczeniem jest grupowanie zawartości występującej w części BODY dokumentu HTML na różne tematyczne sekcje.

Dodatkowe techniczne informacje o elemencie section

kategoria ogólna
kontekst zewnętrzny
element HTML, który tworzy wewnętrzny kontekst opływający

Przykładowy Kod HTML

<article>
  <h1>Mój ulubiony owoc</h1>
  <p>Moim ulubionym owocem jest czereśnia.</p>

  <section>
    <h2>Owoce, które również lubię</h2>

    <article>
      <h3>Truskawka</h3>
      <img src="owoc-01.png" alt="zdjęcie truskawki">
    </article>

    <article>
      <h3>Kiwi</h3>
      <img src="owoc-02.png" alt="zdjęcie kiwi">
    </article>
  </section>
</article>

Kontekstem zewnętrznym przykładowego elementu "section" jest element "article". Wspomniany element "article" jest jednym z elementów HTML, które tworzą wewnętrzny kontekst opływający, dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "article", jest prawidłowym kontekstem zewnętrznym dla elementu "section".

kontekst wewnętrzny
zawartość opływająca

Przykładowy Kod HTML

<article>
  <h1>Mój ulubiony owoc</h1>
  <p>Moim ulubionym owocem jest czereśnia.</p>

  <section>
    <h2>Owoce, które również lubię</h2>

    <article>
      <h3>Truskawka</h3>
      <img src="owoc-01.png" alt="zdjęcie truskawki">
    </article>

    <article>
      <h3>Kiwi</h3>
      <img src="owoc-02.png" alt="zdjęcie kiwi">
    </article>
  </section>
</article>

Kontekstem wewnętrznym przykładowego elementu "section" są wyłącznie elementy HTML, które należą do kategorii zawartość opływająca, dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli element "h2", element "article" oraz element "article", jest prawidłowym kontekstem wewnętrznym dla elementu "section".

wymagane elementy dzieci

brak

wymagane atrybuty

brak

składnia HTML

<section> ... </section>

pominięcie tagu na początku

nigdy

pominięcie tagu na końcu

nigdy

CSS display

block

Dodatkowe domyślne reguły CSS elementu section

section {
  display:block;
}

Interpretacja elementu section

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak, lecz od wersji 9

Edge

tak

Zobacz więcej informacji o interpretacji elementu .