Element <div> w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Element `<div>` w HTML

Element <div> służy do grupowania innych elementów HTML i budowania układu strony. Jest to element blokowy, czyli domyślnie zajmuje całą dostępną szerokość i zaczyna się od nowej linii.

<div> nie niesie znaczenia semantycznego. Oznacza to, że sam z siebie nie informuje, czym jest zawarta w nim treść. Najczęściej używa się go jako kontenera do stylowania CSS lub obsługi JavaScript.

Przykład użycia

<div class="karta">
  <h2>Tytuł</h2>
  <p>Opis elementu na stronie.</p>
</div>

W tym przykładzie <div> grupuje nagłówek i akapit, aby można było nadać im wspólny wygląd, np. ramkę, tło lub odstępy.

`<div>` a elementy semantyczne

W HTML5 zaleca się używanie elementów semantycznych tam, gdzie pasują do znaczenia treści, np.:

<header> — nagłówek strony lub sekcji,
<article> — samodzielna treść, np. wpis blogowy,
<section> — sekcja tematyczna,
<nav> — nawigacja.

Element <div> warto stosować wtedy, gdy potrzebny jest neutralny kontener i nie istnieje lepszy znacznik semantyczny.

W kontekście egzaminu

Znaczniki takie jak <div>, <article> i <header> służą do grupowania treści oraz budowania struktury dokumentu. Dlatego poprawną odpowiedzią w pytaniu jest grupa zawierająca właśnie te elementy.