Elementy puste w HTML

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

Czym są elementy puste w HTML?

Elementy puste (ang. void elements) to elementy HTML, które nie mają zawartości tekstowej ani elementów potomnych. Oznacza to, że nie zapisuje się dla nich znacznika zamykającego.

Przykładem jest element <hr>, który tworzy tematyczną przerwę lub linię oddzielającą fragmenty treści.

Poprawny zapis

<hr>
<br>
<img src="obraz.jpg" alt="Opis obrazu">
<input type="text" name="imie">
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">

Niepoprawny zapis

</hr>
<hr></hr>
</ br>

Element pusty nie powinien mieć znacznika zamykającego, ponieważ przeglądarka i walidator HTML5 traktują go jako element samodzielny.

Najczęstsze elementy puste

Do często spotykanych elementów pustych należą m.in.:

  • <hr> — pozioma linia / przerwa tematyczna,
  • <br> — złamanie wiersza,
  • <img> — obraz,
  • <input> — pole formularza,
  • <meta> — metadane dokumentu,
  • <link> — podłączenie zasobu, np. CSS.

Uwaga o zapisie XHTML

W XHTML często stosowano zapis samozamykający, np.:

<hr />

W HTML5 standardowym i najprostszym zapisem jest jednak:

<hr>

Na egzaminie INF.03 przy pytaniach o walidację HTML5 należy wybierać zapis zgodny ze składnią HTML5, czyli bez znacznika zamykającego dla elementów pustych.