KWALIFIKACJA INF3 - STYCZEŃ 2020

PYTANIE NR 3.
Który znacznik służy budowaniu hierarchii tekstu w języku HTML?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Znacznik <h6> należy do grupy nagłówków <h1>–<h6>, które służą do tworzenia hierarchii nagłówków w dokumencie HTML (od najwyższego do najniższego poziomu).
Pozostałe znaczniki nie budują struktury nagłówków: <u> formatuje, <head> zawiera metadane, a <style> definiuje CSS.

Pełne wyjaśnienie:

W HTML hierarchię treści (w sensie hierarchii nagłówków) buduje się za pomocą znaczników nagłówkowych <h1>–<h6>. Określają one poziom ważności tytułów i śródtytułów: <h1> jest zwykle najwyższym poziomem, a <h6> najniższym. Dzięki temu dokument ma czytelną strukturę, co pomaga użytkownikom, narzędziom SEO i technologiom asystującym.

Odpowiedź <h6> jest poprawna, ponieważ jest jednym z elementów tworzących hierarchię nagłówków (najniższy poziom). W praktyce hierarchię buduje się całym zestawem <h1>–<h6>, a nie pojedynczym tagiem, ale wskazany znacznik nadal należy do tej grupy.

Dlaczego pozostałe odpowiedzi są niepoprawne:

  • <u> służy do prezentacyjnego podkreślenia fragmentu tekstu (formatowanie), nie informuje o poziomie nagłówka ani o strukturze dokumentu.
  • <head> jest częścią dokumentu przeznaczoną na metadane (np. tytuł strony, odwołania do arkuszy stylów, informacje dla przeglądarki). Nie zawiera widocznej hierarchii tekstu w treści strony.
  • <style> służy do umieszczania reguł CSS. CSS może zmieniać wygląd elementów, ale sam znacznik <style> nie buduje semantycznej hierarchii treści.

Wskazówka egzaminacyjna: gdy pytanie dotyczy "hierarchii" w HTML, sprawdź, czy chodzi o hierarchię nagłówków (wtedy szukaj <h1>–<h6>), czy o inne elementy struktury (np. listy, sekcje). Nie myl nazwy <head> z nagłówkami <h*>.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
To elementy HTML służące do oznaczania tytułów i śródtytułów w treści strony. <h1> oznacza zwykle najważniejszy nagłówek, a <h6> najmniej ważny. Tworzą semantyczną strukturę dokumentu, niezależnie od tego, jak zostaną ostylowane w CSS.
Hierarchia polega na używaniu kolejnych poziomów nagłówków do zagnieżdżania tematów, np. <h2> jako sekcja, a <h3> jako podsekcja. Poziomy powinny odzwierciedlać logiczną strukturę tekstu, a nie tylko wielkość czcionki.
Element <head> zawiera metadane dokumentu (np. <title>, linki do CSS, informacje dla przeglądarki). Zawartość <head> nie jest standardowo wyświetlana jako treść artykułu, więc nie tworzy hierarchii nagłówków widocznej dla czytelnika.
<style> pozwala zdefiniować CSS, więc może zmienić wygląd nagłówków (np. rozmiar, kolor). Nie zmienia jednak semantyki: to, czy coś jest nagłówkiem poziomu <h2>, wynika z HTML, a nie z CSS. Hierarchię tworzą tagi <h1><h6>.
Najczęstszy błąd to dobieranie poziomów "pod wygląd", zamiast według znaczenia. Inny błąd to przeskakiwanie poziomów (np. z <h2> od razu do <h5>) bez powodu. Warto też nie mylić nagłówków z formatowaniem tekstu, np. <u>.
<h6> oznacza nagłówek najniższego poziomu w standardowej skali nagłówków. Stosuje się go dla bardzo szczegółowych podsekcji, gdy wcześniejsze poziomy (<h2><h5>) są już wykorzystane. Nie jest "gorszy", tylko mniej nadrzędny.
Semantyka to znaczenie elementu (np. "to jest nagłówek"), a wygląd to styl (np. wielkość czcionki). Jeśli pytanie dotyczy struktury, wybieraj elementy semantyczne jak <h1><h6>, a nie elementy lub mechanizmy stylowania jak <style> czy formatowanie typu <u>.
<u> tylko podkreśla fragment tekstu, więc nie zastępuje nagłówka. Nagłówek powinien być oznaczony odpowiednim tagiem <h1><h6>, bo wtedy przeglądarki, wyszukiwarki i czytniki ekranu rozumieją jego rolę w dokumencie. Styl można dodać osobno.
Często mylone są: <head> (bo brzmi jak "nagłówek", ale to metadane), <header> (to kontener sekcji nagłówkowej, nie poziom nagłówka), oraz znaczniki formatowania jak <u> czy <b>. Nagłówki hierarchiczne to tylko <h1><h6>.
Najpierw ustal, czy pytanie dotyczy treści, metadanych czy stylowania. Gdy chodzi o strukturę tekstu i hierarchię, szukaj nagłówków <h1><h6>. Gdy o metadane, częściej pasuje <head>, a gdy o wygląd — CSS i <style>.
info

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

Źródła:

  • MDN Web Docs: HTML Heading elements (h1–h6) — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements — accessed 2026-02-28
  • WHATWG HTML Living Standard: Sections — headings and outline concepts — https://html.spec.whatwg.org/multipage/sections.html#headings-and-sections — accessed 2026-02-28
  • W3C: HTML 5.2 Recommendation — section on headings (h1–h6) — https://www.w3.org/TR/html52/sections.html#the-h1-h2-h3-h4-h5-and-h6-elements — accessed 2026-02-28

Materiały:

  • Dokumentacja MDN: nagłówki HTML
  • Specyfikacja HTML Living Standard (sekcja o nagłówkach)
  • Ćwiczenia: tworzenie szkieletu artykułu z nagłówkami &lt;h1&gt;–&lt;h6&gt;

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego