Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - STYCZEŃ 2016


PYTANIE NR 8.
Aby poprawnie zdefiniować hierarchiczną strukturę tekstu witryny internetowej, należy zastosować
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Hierarchiczną strukturę tekstu buduje się przez semantyczne nagłówki (<h1>, <h2> itd.) oraz akapity (<p>). Elementy takie jak <div> są kontenerami bez znaczenia semantycznego, a <table> służy do danych tabelarycznych, nie do hierarchii treści.
Dlatego właściwy jest zestaw nagłówków i akapitu.

Pełne wyjaśnienie:

Hierarchia tekstu na stronie internetowej dotyczy znaczenia i struktury treści: co jest tytułem całej strony/artykułu, co jest nagłówkiem sekcji, a co zwykłym akapitem. Do tego w HTML służą przede wszystkim:

  • <h1>, <h2>, … – znaczniki nagłówków o kolejnych poziomach. Pozwalają one zbudować logiczne "drzewo" treści (tytuł → sekcje → podsekcje).
  • <p> – znacznik akapitu, czyli podstawowej jednostki tekstu ciągłego w danej sekcji.

Odpowiedź "znaczniki <h1>, <h2> oraz <p>" jest poprawna, bo łączy dwa kluczowe typy elementów: nagłówki (hierarchia) i akapity (treść właściwa).

Pozostałe propozycje nie definiują hierarchicznej struktury tekstu:

  • "znaczniki <frame> i <table>" – <table> służy do prezentacji danych w tabeli, a nie do budowania hierarchii nagłówków. <frame> to historyczne rozwiązanie do dzielenia okna przeglądarki na ramki (układ), niezwiązane z semantyką tekstu.
  • "znacznik <p> z formatowaniem" – sam akapit nie tworzy hierarchii; formatowanie (np. CSS) może zmienić wygląd, ale nie zastępuje znaczenia nagłówków.
  • "znacznik <div>" – <div> to neutralny kontener do grupowania elementów (często pod CSS/JS). Nie niesie informacji o poziomie nagłówka ani o tym, że tekst jest tytułem sekcji.

W praktyce na egzaminie warto pamiętać zasadę: hierarchię treści robią nagłówki, a nie kontenery czy elementy układu. Jeśli pytanie mówi o strukturze tekstu, szukaj przede wszystkim <h1>…<h6> oraz <p>.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co oznacza hierarchiczna struktura tekstu na stronie WWW?
To logiczny układ treści w poziomach: tytuł (najwyższy poziom), nagłówki sekcji i podsekcji oraz zwykły tekst w akapitach. Dzięki temu użytkownik i narzędzia (np. czytniki ekranu) rozumieją, które fragmenty są ważniejsze i jak treść jest podzielona.
Jakie znaczniki stosuje się do tworzenia hierarchii nagłówków?
Do hierarchii nagłówków używa się znaczników od <h1> do <h6>. Każdy kolejny poziom oznacza nagłówek niższego rzędu (podsekcję). W praktyce łączy się je z akapitami <p>, aby budować pełną strukturę treści.
Dlaczego nie wystarczy użyć tylko znacznika <div>?
<div> jest kontenerem bez znaczenia semantycznego: grupuje elementy, ale nie mówi, czy tekst jest tytułem, nagłówkiem czy akapitem. Przeglądarka, wyszukiwarka i czytnik ekranu nie dostają informacji o hierarchii. Do tego służą nagłówki <h1>–<h6> i <p>.
Czy <p> tworzy hierarchię dokumentu tak jak <h1>?
Nie. <p> oznacza akapit, czyli zwykły blok tekstu w obrębie już zdefiniowanej sekcji. Hierarchię (poziomy tytułów i nagłówków) tworzą znaczniki <h1>–<h6>. Akapity są treścią, a nagłówki opisują jej strukturę i podział.
Dlaczego <table> nie jest dobre do struktury tekstu strony?
<table> służy do prezentowania danych tabelarycznych (wiersze i kolumny). Używanie tabel do układu lub hierarchii treści to błąd: zaciera semantykę i utrudnia dostępność. Struktura tekstu powinna wynikać z nagłówków (<h1>…<h6>) i akapitów (<p>).
Kiedy na stronie powinno się używać <h1> i <h2>?
<h1> zwykle oznacza główny tytuł strony lub artykułu, a <h2> tytuły głównych sekcji w jego obrębie. Następne poziomy (<h3> itd.) opisują podsekcje. Ważne jest zachowanie porządku poziomów, aby hierarchia była logiczna i czytelna.
Czy wygląd nagłówka można zrobić CSS bez użycia <h2>?
CSS może nadać dowolny wygląd, ale nie zastępuje semantyki. Jeśli coś jest nagłówkiem sekcji, powinno być oznaczone odpowiednim <h2> (lub innym poziomem), a CSS ma tylko ustalić styl. Inaczej treść może wyglądać dobrze, ale będzie gorzej rozumiana przez narzędzia.
Jakie błędy najczęściej popełnia się przy hierarchii nagłówków?
Częste błędy to: przeskakiwanie poziomów (np. z <h1> od razu do <h4>), używanie nagłówków wyłącznie dla wyglądu oraz zastępowanie nagłówków elementami typu <div> z klasą. To pogarsza czytelność i dostępność oraz utrudnia automatyczne analizowanie struktury strony.
Dlaczego semantyczne nagłówki pomagają w dostępności strony?
Czytniki ekranu i inne technologie asystujące potrafią nawigować po nagłówkach, tworząc listę sekcji dokumentu. Gdy nagłówki są poprawnie użyte (<h1>, <h2> itd.), użytkownik może szybko przechodzić między częściami treści. Kontenery typu <div> nie dają takiej informacji.
Jak rozpoznać na egzaminie, że pytanie dotyczy semantyki HTML?
Jeśli w treści pojawiają się słowa typu "hierarchia", "struktura tekstu", "nagłówki", "sekcje", zwykle chodzi o semantykę. Wtedy poprawne będą znaczniki opisujące znaczenie treści (np. <h1>–<h6>, <p>), a nie elementy układu lub kontenery (<div>, tabele, ramki).
info

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

Specjaliści zwracają uwagę: "Hierarchiczną strukturę tekstu buduje się przez semantyczne nagłówki (&lt;h1&gt;, &lt;h2&gt; itd.) oraz akapity (&lt;p&gt;)."

Źródła:

  • MDN Web Docs: HTML element &lt;h1&gt;–&lt;h6&gt; (Heading elements) — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements (dostęp: 2026-03-01)
  • MDN Web Docs: HTML element &lt;p&gt; — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p (dostęp: 2026-03-01)
  • WHATWG HTML Living Standard: The h1, h2, h3, h4, h5, and h6 elements — https://html.spec.whatwg.org/multipage/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja HTML: sekcje o nagłówkach i akapitach
  • Poradniki o semantycznym HTML i dostępności (a11y)
  • Materiały kursowe o strukturze dokumentu i dobrych praktykach tworzenia treści
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego