KWALIFIKACJA INF3 - PAŹDZIERNIK 2016

PYTANIE NR 4.
Przeglądarka internetowa wyświetliła stronę w następujący sposób:

Rozdział 1

tekst

Podrozdział 1.1

tekst

Podrozdział 1.2

A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawny zapis musi używać nagłówków i akapitów zgodnie z tym, co widać na stronie.
Układ "Rozdział 1" jako <h1>, "Podrozdział 1.1/1.2" jako <h2> oraz tekst jako <p> wymaga prawidłowych znaczników otwierających i zamykających. Pozostałe propozycje zmieniają strukturę lub mają błędną składnię.

Pełne wyjaśnienie:

Wyświetlenie strony w postaci "Rozdział 1", następnie akapit "tekst", potem dwa podrozdziały oraz kolejny akapit oznacza, że dokument ma strukturę semantyczną opartą o nagłówki i akapity.

Najwyższy poziom tytułu rozdziału odpowiada nagłówkowi <h1> (główny nagłówek), a podrozdziały odpowiadają nagłówkom <h2> (poziom niżej). Zwykły ciąg znaków "tekst" jest treścią akapitu, więc powinien znaleźć się w elemencie <p>. Dodatkowo w poprawnym HTML znaczniki powinny być domykane, aby przeglądarka jednoznacznie zbudowała drzewo DOM i nie musiała "naprawiać" struktury na własną rękę.

Odpowiedź ze strukturą <h1>Rozdział 1</h1> <p>tekst</p> <h2>Podrozdział 1.1</h2> <p>tekst</p> <h2>Podrozdział 1.2</h2> dokładnie odwzorowuje widoczne elementy oraz zachowuje prawidłową składnię (otwarcie i zamknięcie każdego elementu blokowego).

Pozostałe propozycje są błędne z typowych powodów:

  • Wariant z listą (<ul>/<li>) zmienia znaczenie treści: zamiast nagłówków i akapitów powstaje lista punktowana, co nie odpowiada strukturze rozdział–podrozdziały.
  • Wariant z <big> dotyczy prezentacji (rozmiaru czcionki), a nie semantyki nagłówków; dodatkowo jest to element historyczny/deprecjonowany w nowoczesnym HTML.
  • Wariant z niedomkniętymi znacznikami (<h1> bez </h1>, <p> bez </p>, itd.) jest składniowo niepoprawny. Przeglądarka może coś wyświetlić, ale wynik bywa zależny od mechanizmów automatycznej korekty, więc nie jest to właściwa odpowiedź egzaminacyjna.

W praktyce na egzaminie warto sprawdzić dwie rzeczy: czy użyto właściwych elementów semantycznych (nagłówki vs formatowanie) oraz czy każdy element jest poprawnie zamknięty.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
<h1> oznacza nagłówek najwyższego poziomu (główny tytuł), a <h2> nagłówek poziomu niżej (np. podrozdział). To elementy semantyczne: opisują strukturę dokumentu, co pomaga w dostępności, SEO i budowie poprawnego DOM.
Element <p> służy do oznaczania akapitów tekstu. Umieszczaj w nim spójne fragmenty treści, a po zakończeniu zawsze domykaj znacznikiem </p>. Nie używaj <p> tylko do "odstępów" — do tego służy CSS (np. margin).
Domykanie znaczników sprawia, że struktura dokumentu jest jednoznaczna. Bez tego przeglądarka może próbować naprawiać HTML automatycznie, co prowadzi do nieprzewidywalnego zagnieżdżania elementów i różnic w renderowaniu. Na egzaminie liczy się poprawna, standardowa składnia.
Nie. <big> zmieniało wygląd (rozmiar czcionki), ale nie nadawało znaczenia nagłówka. W nowoczesnym HTML do tytułów i podtytułów używa się <h1>–<h6>, a wygląd kontroluje się CSS. Dzięki temu zachowujesz semantykę i lepszą dostępność.
Sprawdź hierarchię: <h1> jako główny tytuł, niższe poziomy (<h2>, <h3>...) jako kolejne podsekcje. Poziomy nie powinny "skakać" bez powodu (np. od razu z <h1> do <h4>). Dodatkowo każdy nagłówek powinien mieć domknięcie.
Najczęstsze problemy to brak znaczników zamykających (np. brak </p>), nieprawidłowe zagnieżdżanie elementów (np. wkładanie bloków w miejsca, gdzie nie powinny się znaleźć) oraz używanie tagów prezentacyjnych zamiast semantycznych. Warto przepuścić kod przez walidator.
Lista <ul>/<li> opisuje zbiór elementów listy (np. punktów). Rozdziały i podrozdziały to struktura dokumentu, którą opisują nagłówki <h1>–<h6>. Użycie listy zmienia znaczenie treści, więc nie jest równoważne dla semantyki ani dla SEO.
Użyj narzędzi deweloperskich (DevTools) w przeglądarce: zakładka "Elements/Inspektor" pokazuje drzewo DOM po ewentualnych poprawkach przeglądarki. To pomaga zauważyć, że np. brak </p> spowodował inne zagnieżdżenie elementów niż planowałeś w kodzie.
Zawsze, gdy pytanie dotyczy struktury dokumentu, nagłówków, akapitów, list i poprawności kodu. Semantyka decyduje o tym, jak treść jest interpretowana przez przeglądarkę, czytniki ekranu i wyszukiwarki. Na takich zadaniach nie wystarczy "podobny wygląd".
Sprawdź: 1) czy elementy odpowiadają temu, co ma być na stronie (nagłówki vs listy vs formatowanie), 2) czy każdy tag ma parę otwarcie–zamknięcie, 3) czy nie ma oczywistych błędów składni (<li> bez domknięć, brak ukośników). To zwykle eliminuje błędne warianty.
info

Około 69% zdających odpowiada poprawnie na to pytanie. średnie

W praktyce zawodowej kluczowe jest to, że pozostałe propozycje zmieniają strukturę lub mają błędną składnię.

Źródła:

  • MDN Web Docs: "&lt;h1&gt;–&lt;h6&gt;: The HTML Section Heading elements" (dokumentacja elementów nagłówkowych), https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements - dostęp 2026-02-27
  • MDN Web Docs: "&lt;p&gt;: The Paragraph element" (dokumentacja akapitu), https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p - dostęp 2026-02-27
  • MDN Web Docs: "&lt;big&gt;" (status elementu i informacja o przestarzałości), https://developer.mozilla.org/en-US/docs/Web/HTML/Element/big - dostęp 2026-02-27

Materiały:

  • Dokumentacja MDN dotycząca &lt;h1&gt;–&lt;h6&gt; i &lt;p&gt;
  • WHATWG HTML Living Standard – sekcje o elementach nagłówkowych i akapitach
  • Ćwiczenia z walidatorem HTML (np. W3C Nu HTML Checker) na krótkich fragmentach kodu

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego