KWALIFIKACJA INF3 - TEST WIEDZY NR 1

PYTANIE NR 33.
<html>
<head>
<title>Moja strona</title>
</head>
<body>
<p>Witaj na mojej stronie!</p>
</body>
</html>
Jaki błąd popełniono w powyższym kodzie HTML?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
W dokumencie HTML zaleca się umieszczenie na początku deklaracji typu dokumentu (np. <!doctype html>). Jej brak może przełączyć przeglądarkę w tryb zgodności wstecznej (quirks mode) i zmienić sposób renderowania. W pokazanym fragmencie znacznik <p> jest domknięty poprawnie.

Pełne wyjaśnienie:

Wskazanie "Brakuje tagu doctype na początku dokumentu" odnosi się do tego, że dokument HTML powinien rozpoczynać się od deklaracji typu dokumentu, np. <!doctype html>. Taka deklaracja informuje przeglądarkę, w jakim standardowym trybie ma interpretować stronę. Jej brak może skutkować przejściem w tzw. tryb zgodności wstecznej (quirks mode), co bywa przyczyną różnic w renderowaniu (zwłaszcza w CSS) pomiędzy przeglądarkami.

Dlaczego pozostałe propozycje nie pasują jako "błąd" w tym konkretnym fragmencie:

  • "Brakuje tagu meta charset w sekcji head" – element określający kodowanie znaków jest bardzo zalecany, ale sam brak takiego wpisu nie jest jednoznacznym błędem składniowym w podanym minimalnym przykładzie. Kodowanie może być ustalone innymi mechanizmami (np. nagłówkami HTTP), więc nie da się uznać tego za jedyny pewny błąd na podstawie samego fragmentu.
  • "Tag p powinien być zamknięty przed tagiem body" – w pokazanym kodzie znacznik akapitu jest domknięty jako </p> jeszcze przed </body>, więc zarzut jest nieprawdziwy.
  • "Wszystkie odpowiedzi są poprawne" – ponieważ przynajmniej jedna propozycja (dotycząca domknięcia <p>) jest niezgodna z treścią kodu, nie można uznać, że wszystkie są poprawne.

W praktyce egzaminacyjnej warto pamiętać: deklaracja typu dokumentu to element wpływający na kompatybilność i przewidywalność działania strony. Jeżeli pytanie używa słowa "błąd", często chodzi właśnie o brak doctype jako błąd wpływający na tryb renderowania, nawet jeśli przeglądarka nadal wyświetli stronę.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Deklaracja doctype (np. <!doctype html>) informuje przeglądarkę, w jakim trybie ma interpretować dokument. Jej obecność zwykle wymusza tryb standardowy, co zwiększa przewidywalność renderowania i zmniejsza ryzyko "dziwnych" różnic w układzie strony.
Bez doctype przeglądarka może przełączyć się w tryb zgodności wstecznej (quirks mode). W tym trybie niektóre reguły CSS i model pudełkowy mogą być interpretowane inaczej, co skutkuje innymi wymiarami elementów, marginesami lub zachowaniem układu niż w trybie standardowym.
Może zostać wyświetlony przez przeglądarkę, ale "poprawność" zależy od kryterium. Składniowo taki szkielet zwykle działa, jednak dla zgodności ze standardami i przewidywalnego renderowania zaleca się m.in. dodanie <!doctype html> oraz jawnego określenia kodowania.
Quirks mode to tryb kompatybilności wstecznej, w którym przeglądarka stara się naśladować zachowania starszych implementacji HTML/CSS. Może to prowadzić do niezgodności z aktualnymi specyfikacjami i różnic w wyglądzie strony. Doctype pomaga tego uniknąć.
Nie zawsze da się to jednoznacznie ocenić na podstawie samego HTML. Kodowanie może być ustawione w nagłówkach HTTP, ale w praktyce front-endowej <meta charset="utf-8"> jest bardzo zalecane, bo zapobiega problemom z polskimi znakami i różnicom interpretacji w różnych środowiskach.
Doctype umieszcza się na samym początku dokumentu, przed znacznikiem <html>. Dzięki temu przeglądarka od razu wie, jak interpretować resztę dokumentu. W praktyce jest to pierwsza linia pliku HTML.
Najprościej użyć walidatora HTML, np. W3C Markup Validation Service. Wklejasz kod lub podajesz adres URL i otrzymujesz listę błędów oraz ostrzeżeń. To dobre narzędzie do nauki, bo pokazuje, które elementy są niezgodne ze standardem lub wymagają doprecyzowania.
Częste pomyłki to brak deklaracji kodowania, brak lub błędna zawartość <title>, niepoprawne zagnieżdżenie elementów oraz wstawianie treści widocznej (np. akapitów) do <head>. Sekcja nagłówkowa służy głównie do metadanych, a nie do treści strony.
W HTML przeglądarki często radzą sobie z brakującymi domknięciami, ale z punktu widzenia jakości kodu i przewidywalności zaleca się jawne domykanie znaczników, zwłaszcza w zadaniach egzaminacyjnych i w projektach zespołowych. W podanym przykładzie <p> jest domknięty poprawnie.
Ćwicz rozpoznawanie struktury dokumentu (doctype, <head>, <body>), używaj walidatora HTML i porównuj zachowanie strony w przeglądarce po drobnych zmianach. Zapamiętaj też role elementów: tytuł strony, metadane, kodowanie i semantykę podstawowych znaczników.
info

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

W praktyce zawodowej kluczowe jest to, że w dokumencie HTML zaleca się umieszczenie na początku deklaracji typu dokumentu (np. &lt;!doctype html&gt;).

Źródła:

  • MDN Web Docs: "<!doctype>" – opis deklaracji typu dokumentu i jej wpływu na tryb renderowania, https://developer.mozilla.org/en-US/docs/Glossary/Doctype (dostęp: 2026-02-27)
  • WHATWG HTML Living Standard – sekcje dotyczące doctype i trybów zgodności (standards/quirks), https://html.spec.whatwg.org/multipage/syntax.html#the-doctype (dostęp: 2026-02-27)
  • W3C Markup Validation Service – narzędzie walidacji HTML i komunikaty dotyczące braku doctype, https://validator.w3.org/ (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja standardu HTML (sekcje o doctype i trybach renderowania)
  • MDN Web Docs: artykuły o strukturze dokumentu i deklaracji doctype
  • Ćwiczenia z walidacji kodu w W3C Markup Validation Service

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego