Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - STYCZEŃ 2018



PYTANIE NR 1.
Znaczniki <header>, <article>, <section>, <footer> są charakterystyczne dla języka
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Elementy <header>, <article>, <section> i <footer> to znaczniki semantyczne wprowadzone wraz z HTML5, służące do opisu roli fragmentów strony (nagłówek, artykuł, sekcja, stopka). W HTML 4.01 oraz XHTML 1.1 nie były one częścią standardowego zestawu elementów.

Pełne wyjaśnienie:

Znaczniki <header>, <article>, <section> oraz <footer> należą do grupy elementów semantycznych kojarzonych z HTML5. Ich celem jest opisanie znaczenia (roli) fragmentów dokumentu, a nie tylko stworzenie "pudełka" do stylowania.

Dlaczego poprawna jest odpowiedź: HTML 5?
W HTML5 rozszerzono zestaw elementów tak, aby typowe części strony miały własne, nazwane znaczniki. Dzięki temu kod jest czytelniejszy, łatwiejszy w utrzymaniu i lepiej interpretowany przez narzędzia analizujące dokument (np. wyszukiwarki, czytniki ekranu).

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • XHTML 1.1 – jest oparte na składni XML i odpowiada rodzinie rozwiązań z epoki HTML4/XHTML; nie definiuje zestawu elementów semantycznych typowych dla HTML5.
  • HTML 4.01 Strict – to starsza specyfikacja, w której nie występują elementy <header>, <article>, <section>, <footer>. Do budowy struktury używano najczęściej <div> oraz nagłówków <h1>–<h6>.
  • HTML 4.01 Transitional – wariant bardziej "zgodny wstecznie", dopuszczający starsze rozwiązania prezentacyjne, ale nadal bez nowych elementów semantycznych znanych z HTML5.

Wskazówka egzaminacyjna: jeśli w odpowiedziach pojawiają się wersje HTML 4.01/XHTML, a w treści pytania są typowe elementy semantyczne strony (nagłówek/sekcja/artykuł/stopka), to najczęściej chodzi o HTML5 (lub współczesny standard HTML).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to są znaczniki semantyczne w HTML?
To elementy, które opisują znaczenie fragmentu strony, np. <header> jako nagłówek czy <footer> jako stopka. Pomagają w czytelności kodu, dostępności (a11y) i lepszej interpretacji struktury przez narzędzia.
Dlaczego <header> i <footer> wiąże się z HTML5?
Ponieważ HTML5 wprowadził zestaw nowych elementów do opisu typowych części strony. W starszych wersjach (HTML 4.01/XHTML) podobną strukturę budowano głównie przez <div> i klasy CSS, bez dedykowanych znaczników semantycznych.
Jak odróżnić <section> od <article> na egzaminie?
<article> zwykle oznacza samodzielną, niezależną treść (np. wpis, news). <section> to tematyczna sekcja w obrębie strony lub artykułu. Na egzaminie szukaj słów-kluczy: "samodzielne" vs "część większej całości".
Czy w HTML 4.01 da się zrobić nagłówek strony bez <header>?
Tak, technicznie da się zbudować układ za pomocą <div>, nagłówków <h1>–<h6> i CSS. Różnica jest taka, że bez <header> tracisz semantyczny opis roli elementu w strukturze dokumentu.
Co oznacza "HTML 5" a co "HTML Living Standard"?
"HTML5" to historyczna nazwa wersji/specyfikacji, a "HTML Living Standard" to podejście do standardu jako ciągle aktualizowanego dokumentu. W praktyce elementy semantyczne, takie jak <article> czy <section>, pozostają częścią współczesnego HTML.
Jakie są typowe zastosowania <article> w aplikacji webowej?
Najczęściej: wpisy na blogu, elementy listy aktualności, karty produktów z opisem, posty w social feed. To treści, które mają sens po wyjęciu z kontekstu strony. Dzięki temu struktura jest czytelna także dla narzędzi indeksujących.
Czy XHTML 1.1 ma znaczniki <section> i <article>?
Nie w standardowym zestawie elementów XHTML 1.1. XHTML 1.1 jest bliższe rodzinie HTML4/XHTML i nie obejmuje nowych elementów semantycznych kojarzonych z HTML5. Na egzaminie to częsty "pułapkowy" wybór dla osób mylących XHTML z nowocześniejszym HTML.
Jakie błędy najczęściej robi się przy doborze znaczników semantycznych?
Typowe błędy to: używanie <section> bez logicznego podziału tematycznego, traktowanie <article> jak zwykłego kontenera oraz zamienianie wszystkiego na <div>. Warto pamiętać, że semantyka opisuje rolę, a nie wygląd.
Jak semantyczne znaczniki wpływają na SEO i dostępność?
Semantyka pomaga narzędziom zrozumieć strukturę treści: co jest nagłówkiem, co treścią główną, a co stopką. To wspiera poprawną nawigację czytników ekranu i może ułatwiać indeksowanie. Nie zastępuje jednak poprawnych nagłówków i logicznej hierarchii treści.
Jak przygotować się do pytań o wersje HTML na INF.3?
Powtórz różnice między HTML4/XHTML a HTML5: semantyka, formularze, elementy multimedialne, a także poprawne zastosowanie znaczników strukturalnych. Ćwicz na krótkich przykładach: wybierz właściwy element dla nagłówka, sekcji, artykułu i stopki oraz uzasadnij wybór.
info

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

Specjaliści zwracają uwagę: "W HTML 4.01 oraz XHTML 1.1 nie były one częścią standardowego zestawu elementów."

Źródła:

  • MDN Web Docs: "&lt;header&gt;: The Header element" – https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header (dostęp: 2026-02-18)
  • MDN Web Docs: "&lt;article&gt;: The Article Contents element" – https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article (dostęp: 2026-02-18)
  • W3C: "HTML5 – A vocabulary and associated APIs for HTML and XHTML" – https://www.w3.org/TR/html5/ (dostęp: 2026-02-18)

Materiały:

  • Dokumentacja MDN Web Docs dotycząca elementów semantycznych HTML
  • Specyfikacja WHATWG HTML (Living Standard) – sekcje o semantyce i strukturze dokumentu
  • Materiały kursowe z podstaw HTML5 (semantyka, struktura, a11y)
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego