Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - STYCZEŃ 2021 (test 2)



PYTANIE NR 1.
W którym standardzie języka hipertekstowego zostały wprowadzone do składni znaczniki sekcji <footer>, <header>, <nav>?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Znaczniki <header>, <footer> i <nav> należą do elementów semantycznych, które pojawiły się wraz z HTML5. Wcześniejsze specyfikacje (HTML4 oraz XHTML 1.0) nie definiowały tych elementów w składni, a strukturę strony budowano głównie przy użyciu ogólnych kontenerów, np. <div>.

Pełne wyjaśnienie:

Poprawna odpowiedź to HTML5, ponieważ właśnie w tej specyfikacji wprowadzono szeroki zestaw elementów semantycznych, które opisują rolę fragmentów strony. Do takich elementów należą m.in. <header> (nagłówek), <footer> (stopka) oraz <nav> (blok nawigacji). Dzięki temu kod HTML stał się czytelniejszy: zamiast wielu anonimowych kontenerów można używać znaczników mówiących, czym jest dany fragment dokumentu.

Dlaczego pozostałe odpowiedzi są niepoprawne:

  • HTML4 – umożliwiał budowanie układu strony, ale nie zawierał tych semantycznych elementów. Typowo stosowano <div> z klasami/identyfikatorami, aby nazwać sekcje.
  • XHTML 1.0 – był reformulacją HTML 4.01 w składni XML. Zachowywał zestaw elementów z HTML 4.01, więc nie wprowadzał <header>, <footer> ani <nav> jako standardowych znaczników.
  • XHTML 2.0 – był osobnym kierunkiem rozwoju i nie stał się powszechnie wdrożonym standardem w praktyce WWW. W kontekście typowych egzaminów i praktycznego rozwoju języka stron WWW semantyczne elementy sekcji wiąże się z HTML5.

Wskazówka egzaminacyjna: gdy w odpowiedziach pojawia się zestaw elementów semantycznych (np. <article>, <section>, <nav>, <header>, <footer>), najczęściej chodzi o przełom wprowadzony przez HTML5 i odejście od projektowania opartego wyłącznie na <div>.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to są elementy semantyczne w HTML?
Elementy semantyczne to znaczniki HTML, które opisują znaczenie/rolę fragmentu strony, np. <nav> dla nawigacji czy <footer> dla stopki. Ułatwiają czytanie kodu, wspierają dostępność i pomagają narzędziom (np. robotom) lepiej rozumieć strukturę dokumentu.
Dlaczego <header>, <footer> i <nav> wiąże się z HTML5?
Bo HTML5 wprowadził do praktycznego zestawu znaczników wiele elementów opisujących strukturę strony. Wcześniej podobny efekt osiągało się zwykle przez <div> z klasami, ale nie było standardowych tagów jednoznacznie nazywających nagłówek, stopkę i nawigację.
Czy w HTML4 dało się zrobić nagłówek i stopkę bez <header> i <footer>?
Tak, dało się zbudować układ strony, ale używało się głównie ogólnych kontenerów, np. <div class="header">. To działa wizualnie, jednak nie daje semantyki na poziomie znacznika, dlatego HTML5 wprowadził dedykowane elementy strukturalne.
Jaka jest różnica między <div> a <nav>?
<div> jest neutralnym kontenerem bez znaczenia semantycznego, służy do grupowania treści. <nav> ma znaczenie: wskazuje, że wewnątrz znajduje się nawigacja. Dzięki temu kod jest czytelniejszy, a technologie asystujące mogą lepiej interpretować układ strony.
Czy XHTML 1.0 wprowadzał nowe znaczniki jak <nav>?
Nie. XHTML 1.0 to wersja HTML 4.01 zapisana w składni XML. Oznacza to ostrzejsze reguły zapisu (np. domykanie tagów), ale zasadniczo ten sam zestaw elementów co w HTML 4.01. Semantyczne elementy typu <header> i <nav> kojarzy się z HTML5.
Dlaczego odpowiedź XHTML 2.0 często jest pułapką w testach?
Bo brzmi jak "nowsza generacja", więc bywa wybierana intuicyjnie. W praktyce WWW rozwój poszedł w stronę HTML5/HTML Living Standard, a nie masowego wdrożenia XHTML 2.0. Na egzaminach zwykle sprawdza się realnie używane standardy i ich cechy.
Jakie inne tagi semantyczne poza <header> i <footer> warto znać?
Warto kojarzyć m.in. <main>, <article>, <section> i <aside>. Razem pozwalają opisać główną treść, artykuły, sekcje oraz treści poboczne. Na egzaminie często pojawiają się jako zestaw powiązany z HTML5.
Czy użycie <nav> poprawia SEO?
Samo wstawienie <nav> nie jest "magicznie" punktowane, ale semantyczna struktura pomaga narzędziom analizującym stronę lepiej rozumieć jej układ. Dodatkowo czytelny HTML sprzyja utrzymaniu jakości treści i linków, co pośrednio wpływa na ocenę strony.
Jak sprawdzić, czy dany znacznik jest częścią HTML5/HTML?
Najpewniej sprawdzisz to w dokumentacji specyfikacji (WHATWG HTML Living Standard) lub w zaufanych opracowaniach (np. MDN). Wyszukaj nazwę elementu, np. <footer>, i zobacz opis oraz status. To dobra metoda, gdy nie jesteś pewien wersji/specyfikacji.
Jak odpowiadać na pytania o wersje HTML na egzaminie INF.3?
Skup się na charakterystycznych cechach epok: HTML4/XHTML 1.0 to "klasyczny" zestaw elementów bez nowych semantycznych sekcji, a HTML5 wprowadza elementy strukturalne i nowoczesne podejście do budowy dokumentu. Gdy w pytaniu są <header>, <nav>, zwykle chodzi o HTML5.
info

Statystycznie 59% uczniów zna prawidłową odpowiedź. średnie

Według specjalistów z branży: "Znaczniki &lt;header&gt;, &lt;footer&gt; i &lt;nav&gt; należą do elementów semantycznych, które pojawiły się wraz z HTML5."

Źródła:

  • W3C Recommendation: "HTML5" (W3C), sekcje dot. elementów semantycznych (np. header/footer/nav) – https://www.w3.org/TR/html5/ (dostęp: 27.02.2026)
  • WHATWG: "HTML Living Standard", rozdziały dot. elementów &lt;header&gt;, &lt;footer&gt;, &lt;nav&gt; – https://html.spec.whatwg.org/ (dostęp: 27.02.2026)
  • MDN Web Docs: "&lt;header&gt;: The Header element", "&lt;footer&gt;", "&lt;nav&gt;" – https://developer.mozilla.org/ (konkretne strony elementów; dostęp: 27.02.2026)

Materiały:

  • Dokumentacja MDN: HTML elements reference oraz artykuły o elementach semantycznych
  • Specyfikacja W3C dotycząca HTML5 (sekcja o elementach semantycznych/sectioning)
  • Specyfikacja WHATWG HTML Living Standard (rozdziały o elementach strukturalnych)
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego