KWALIFIKACJA INF3 - STYCZEŃ 2021

PYTANIE NR 38.
Zgodnie z regułami walidacji HTML5, poprawnym zapisem znacznika hr jest
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Znacznik <hr> w HTML5 jest elementem pustym (void), więc nie ma tagu zamykającego.
Poprawny zapis to <hr>. Formy typu </hr> lub z dodatkowymi znakami i spacjami nie spełniają reguł poprawnej składni HTML i będą odrzucone przez walidator.

Pełne wyjaśnienie:

Element <hr> w HTML5 oznacza tematyczne oddzielenie treści (tzw. "thematic break"). Kluczowe jest to, że jest to element pusty (void element), czyli taki, który nie może zawierać treści i nie ma osobnego tagu zamykającego.

Dlatego jedyną poprawną formą zapisu znacznika jest <hr> (opcjonalnie z atrybutami, np. <hr class="...">). W HTML parser przeglądarki oraz walidator oczekują, że po <hr> nie pojawi się odpowiadający mu tag zamykający.

Omówienie odpowiedzi błędnych:

  • </ hr> – tag zamykający dla <hr> nie jest poprawny, a dodatkowa spacja po ukośniku tworzy zapis niezgodny ze składnią znacznika.
  • </hr?> – znak zapytania nie jest elementem składni nazwy tagu; taki zapis jest niepoprawny i nie odpowiada żadnemu prawidłowemu znacznikowi HTML.
  • </ hr /> – miesza koncepcję zamykania z samodomknięciem i dodatkowo zawiera spacje. W HTML5 <hr> nie ma tagu zamykającego, a taki zapis nie przejdzie walidacji jako poprawny znacznik.

Wskazówka egzaminacyjna: jeżeli widzisz w HTML elementy typu <br>, <img>, <meta>, <link>, <input> czy <hr>, traktuj je jako typowych przedstawicieli elementów pustych – w standardowym HTML nie dopisujesz do nich osobnego zamknięcia.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Znacznik <hr> w HTML oznacza tematyczne oddzielenie fragmentów treści (thematic break). Przeglądarki zwykle renderują go jako poziomą linię, ale sens jest semantyczny: rozdziela sekcje o innym wątku.
Ponieważ <hr> jest tzw. elementem pustym (void). Elementy tego typu nie mogą zawierać treści, więc standard nie przewiduje dla nich formy zamykającej (np. </hr>). To jest wymaganie składni HTML.
W praktyce wiele parserów HTML toleruje zapis z ukośnikiem, ale w HTML5 nie jest to wymagane. Na egzaminie i w walidacji składniowej przyjmuje się standardowy zapis <hr> bez tagu zamykającego, bo <hr> to element pusty.
Zapis </hr> jest niepoprawny, bo sugeruje istnienie tagu zamykającego dla elementu pustego. Walidator zwykle zgłasza błąd składni lub nieoczekiwany tag zamykający. Skutkiem może być też "naprawianie" DOM przez przeglądarkę.
Do typowych elementów pustych (void) należą m.in. <br>, <img>, <meta>, <link> oraz <input>. Wspólna cecha: nie mają treści i nie zapisuje się do nich oddzielnego tagu zamykającego.
Najczęstsze pomyłki to dopisywanie tagu zamykającego (</hr>), mieszanie składni z XHTML oraz wstawianie spacji w niewłaściwym miejscu (np. </ hr>). Warto zapamiętać: <hr> jest samodzielny.
Nie. Wizualnie często widać linię, ale w HTML5 ważniejsza jest semantyka: oddzielenie tematyczne treści. Styl (np. grubość, kolor, marginesy) ustala się w CSS, a nie przez "specjalny" zapis znacznika.
Najczęściej nadaje się klasę, np. <hr class="separator">, a potem w CSS ustawia się np. marginesy i obramowanie. Ważne: nie zmienia to faktu, że w HTML zapis znacznika pozostaje bez zamykania.
Użyj <hr>, gdy chcesz zasygnalizować wyraźną zmianę tematu lub sekcji, ale nie wprowadzasz nowego nagłówka. Jeśli struktura dokumentu wymaga tytułu nowej części, lepszy będzie nagłówek (<h2>–<h6>).
Sprawdź, czy element typowo nie ma treści (np. obraz, łamanie linii, metadane, separator). Jeżeli tak, zwykle jest to element pusty, więc poprawna odpowiedź będzie miała tylko postać znacznika otwierającego, np. <hr>.
info

Około 76% zdających odpowiada poprawnie na to pytanie. średnio łatwe

W praktyce zawodowej kluczowe jest to, że znacznik &lt;hr&gt; w HTML5 jest elementem pustym (void), więc nie ma tagu zamykającego.Poprawny zapis to &lt;hr&gt;.

Źródła:

  • WHATWG HTML Living Standard – The hr element: https://html.spec.whatwg.org/multipage/grouping-content.html#the-hr-element (dostęp: 2026-02-18)
  • WHATWG HTML Living Standard – Void elements (definicja i lista): https://html.spec.whatwg.org/multipage/syntax.html#void-elements (dostęp: 2026-02-18)
  • MDN Web Docs – &lt;hr&gt;: The Thematic Break (Horizontal Rule) element: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr (dostęp: 2026-02-18)

Materiały:

  • Specyfikacja HTML (sekcja: void elements oraz definicja elementu hr)
  • MDN Web Docs: dokumentacja elementu &lt;hr&gt; i zasady składni HTML
  • Ćwiczenia z walidatorem HTML (sprawdzanie poprawności przykładowych fragmentów)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego