Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - CZERWIEC 2016


PYTANIE NR 9.
Który znacznik lub grupa znaczników nie są stosowane do definiowania struktury strony HTML?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Znaczniki <i>, <b>, <u> służą głównie do wyróżniania/formatowania fragmentów tekstu (elementy inline), a nie do budowania szkieletu dokumentu. Struktura strony jest zwykle opisywana elementami sekcyjnymi i kontenerami, np. <header>, <footer>, <section> czy <div>.

Pełne wyjaśnienie:

W HTML warto rozróżniać elementy, które organizują strukturę dokumentu, od tych, które opisują wygląd lub wyróżnienie fragmentu tekstu.

Odpowiedź <i>, <b>, <u> jest poprawna, ponieważ są to elementy typowo tekstowe (inline). Używa się ich do zaznaczania fragmentów tekstu (np. kursywa, pogrubienie, podkreślenie lub ogólnie: wyróżnienie znaczeniowe/typograficzne zależnie od praktyki i CSS). Same w sobie nie wydzielają logicznych części strony takich jak nagłówek, stopka czy sekcje treści.

Pozostałe odpowiedzi odnoszą się do elementów, które w praktyce wykorzystuje się do budowania układu i sekcji dokumentu:

  • <header>, <footer> – semantycznie oznaczają odpowiednio nagłówek i stopkę dokumentu lub sekcji; są typowym "szkieletem" strony.
  • <section> – element sekcyjny do grupowania tematycznie powiązanej treści; wpływa na strukturę dokumentu i hierarchię treści.
  • <div> – neutralny kontener blokowy; mimo że nie niesie semantyki, jest powszechnie używany do grupowania elementów i tworzenia struktury/układu (np. jako wrapper pod siatkę CSS).

Typowy błąd na egzaminie polega na utożsamianiu "struktury strony" wyłącznie z elementami semantycznymi. W praktyce zarówno semantyczne elementy (np. <header>), jak i neutralne kontenery (np. <div>) mogą służyć do organizacji struktury DOM, natomiast elementy typu <i>/<b>/<u> nie pełnią tej roli.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to znaczy, że znacznik HTML jest strukturalny?
Znacznik strukturalny pomaga podzielić dokument na większe bloki (np. nagłówek, stopka, sekcja treści) i opisać ich rolę. Dzięki temu kod jest czytelniejszy, łatwiej go utrzymać i lepiej wspiera dostępność. Przykłady to <header>, <footer>, <section> oraz kontenery typu <div>.
Jakie znaczniki HTML służą do budowania układu strony?
Do budowania układu i grupowania elementów najczęściej używa się kontenerów oraz elementów semantycznych. W praktyce spotkasz <div> jako neutralny kontener oraz elementy typu <header>, <footer>, <section>, <main>, <nav> do opisu części strony.
Dlaczego <i>, <b> i <u> nie opisują struktury dokumentu?
Bo są to elementy tekstowe (inline), które dotyczą fragmentu tekstu, a nie podziału strony na sekcje. Zmieniają sposób wyróżnienia treści (często przez CSS), ale nie tworzą "szkieletu" dokumentu. Struktura to raczej podział na nagłówki, stopki i sekcje, a nie formatowanie pojedynczych słów.
Czy <div> jest znacznikiem semantycznym?
Nie, <div> nie niesie semantyki (nie mówi, "czym" jest zawartość). Mimo to często służy do budowania struktury technicznej strony: grupuje elementy, tworzy wrappery, sekcje layoutu i ułatwia stylowanie w CSS. Na egzaminie warto odróżniać "semantykę" od "funkcji kontenera".
Jaką rolę pełnią <header> i <footer> w HTML5?
<header> opisuje część nagłówkową dokumentu lub konkretnej sekcji (np. tytuł, logo, nawigacja). <footer> opisuje część stopki (np. prawa autorskie, linki, dane kontaktowe). To typowe elementy struktury strony, bo wyraźnie wydzielają obszary o określonej funkcji.
Kiedy stosuje się <section>, a kiedy <div>?
<section> stosuje się, gdy wydzielasz tematyczną część treści, która ma sens jako osobna sekcja (często z nagłówkiem). <div> wybiera się, gdy potrzebujesz tylko technicznego kontenera do grupowania lub stylowania, bez nadawania znaczenia. To częste pytanie pułapka na egzaminie.
Czy formatowanie tekstu w HTML wpływa na SEO i dostępność?
Może wpływać pośrednio, ale kluczowe jest używanie semantyki. Dla dostępności i czytelników ekranu ważniejsze są elementy strukturalne (np. nagłówki, sekcje, nawigacja). Elementy typu <b> czy <i> wyróżniają fragmenty, ale nie zastępują prawidłowej struktury dokumentu.
Jakie błędy najczęściej robią uczniowie w pytaniach o semantykę HTML?
Najczęściej mylą znaczniki do wyróżniania tekstu z elementami struktury i wybierają odpowiedzi "bo wyglądają na ważne". Drugi błąd to uznanie, że tylko semantyczne elementy budują strukturę, a <div> "nie służy do niczego". W praktyce <div> to podstawowy kontener layoutu.
Co oznacza pojęcie "element inline" w HTML?
Element inline (liniowy) zwykle nie zaczyna nowej linii i dotyczy fragmentu tekstu w obrębie akapitu lub zdania. Przykłady to <i> i <b>. Elementy inline nie są przeznaczone do dzielenia strony na duże bloki, więc nie opisują struktury całej strony tak jak elementy sekcyjne.
Jak przygotować się do egzaminu INF.3 z rozróżniania znaczników HTML?
Ucz się grupami: elementy strukturalne/sekcyjne (np. <header>, <footer>, <section>), kontenery (<div>) oraz elementy tekstowe (np. <i>, <b>, <u>). Rób krótkie ćwiczenia: weź stronę i wskaż, co jest strukturą, a co tylko wyróżnieniem tekstu.
info

To pytanie poprawnie rozwiązuje 74% zdających egzamin. średnio łatwe

Specjaliści zwracają uwagę: "Znaczniki &lt;i&gt;, &lt;b&gt;, &lt;u&gt; służą głównie do wyróżniania/formatowania fragmentów tekstu (elementy inline), a nie do budowania szkieletu dokumentu."

Źródła:

  • MDN Web Docs: HTML element reference – <header> (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header) - accessed 2026-03-01
  • MDN Web Docs: HTML element reference – <section> (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section) - accessed 2026-03-01
  • WHATWG HTML Living Standard: Text-level semantics (https://html.spec.whatwg.org/multipage/text-level-semantics.html) - accessed 2026-03-01

Materiały:

  • Dokumentacja MDN o elementach semantycznych HTML
  • HTML Living Standard (WHATWG) – rozdziały o semantyce i elementach tekstowych
  • Ćwiczenia: refaktoryzacja strony z &lt;div&gt; na &lt;header&gt;/&lt;nav&gt;/&lt;main&gt;/&lt;footer&gt;
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego