KWALIFIKACJA PGF4 - WRZESIEŃ 2015

PYTANIE NR 35.
Początek dokumentu określa się, wstawiając znacznik
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawne jest <html>, ponieważ jest to pierwszy znacznik (element główny, tzw. root) dokumentu HTML, który zawiera całą stronę. Deklaracja <!DOCTYPE html> poprzedza kod, ale nie jest tagiem. <head>, <body> i <title> znajdują się wewnątrz <html>.

Pełne wyjaśnienie:

W standardowej strukturze HTML na początku pliku zwykle widzisz deklarację <!DOCTYPE html>, ale to nie jest znacznik HTML. Jest to deklaracja informująca przeglądarkę o typie dokumentu i pomaga uruchomić renderowanie w trybie zgodnym ze standardami.

Pierwszym znacznikiem (czyli tagiem tworzącym element w strukturze dokumentu) jest <html>. To element główny (root element), który obejmuje całą zawartość strony. Wszystko, co należy do dokumentu HTML, powinno być zagnieżdżone wewnątrz <html>. Często umieszcza się tam też atrybut języka, np. lang="pl".

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • <head> to sekcja metadanych (np. odwołania do CSS, ustawienia, tytuł), ale występuje wewnątrz <html>, więc nie może rozpoczynać hierarchii znaczników.
  • <body> zawiera treść widoczną dla użytkownika (tekst, obrazy, multimedia), również znajduje się wewnątrz <html>.
  • <title> definiuje tytuł strony widoczny na karcie przeglądarki i jest elementem zagnieżdżonym w <head>, więc jest jeszcze "głębiej" w strukturze.

W praktyce poprawny szkielet wygląda tak: <!DOCTYPE html><html><head><title>...</title></head><body>...</body></html>. Na egzaminie zwracaj uwagę na słowo "znacznik": DOCTYPE bywa mylący, bo stoi na początku, ale formalnie nie jest tagiem.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Element <html> jest "korzeniem" dokumentu: obejmuje całą zawartość strony i stanowi najwyższy element w drzewie DOM. W praktyce wszystko, co należy do strony, znajduje się wewnątrz <html>, a dopiero w nim występują sekcje <head> i <body>.
<!DOCTYPE html> to deklaracja typu dokumentu, a nie tag tworzący element HTML. Nie ma pary otwierającej i zamykającej jak typowe znaczniki, nie jest też częścią hierarchii elementów. Jej rola to wskazanie przeglądarce trybu interpretacji dokumentu.
Najczęściej spotkasz układ: <!DOCTYPE html>, potem <html>, a w środku <head> z <title> oraz <body> z treścią. Taki szkielet jest bazą do dalszej pracy nad layoutem, grafiką i multimediami.
Tag (znacznik) to zapis w nawiasach ostrych, np. <html> i </html>. Element to całość: tag otwierający, zawartość i tag zamykający (lub element pusty). Na testach zwykle chodzi o nazwę znacznika, czyli to, co wpisujesz w kodzie.
<head> umieszcza się wewnątrz <html>, przed <body>. Zawiera metadane: tytuł strony (<title>), odwołania do arkuszy stylów, informacje dla przeglądarki i wyszukiwarek. Zwykle nie zawiera treści widocznej na stronie.
Do <body> trafia to, co użytkownik widzi: tekst, obrazy, układ sekcji, osadzone multimedia oraz elementy interaktywne. W projektach graficznych i multimedialnych to właśnie ta część jest podstawą prezentacji treści, a stylowanie realizuje się najczęściej przez CSS.
Przeglądarka często potrafi automatycznie domknąć lub dodać brakujące elementy, ale to nie jest dobra praktyka. W kontekście nauki i egzaminu wymaga się poprawnej, świadomie zapisanej struktury. Brak <html> utrudnia też analizę i walidację kodu.
Najczęściej myli się deklarację <!DOCTYPE html> ze znacznikiem, bo stoi na początku pliku. Druga pułapka to wybór <head> lub <body> "bo to początek treści", mimo że oba są zagnieżdżone w <html>. Czytaj uważnie słowo "znacznik".
Atrybut lang w <html> określa język dokumentu (np. pl). Ułatwia to przeglądarkom, czytnikom ekranu i narzędziom automatycznym poprawną interpretację tekstu. W praktyce wspiera dostępność i poprawne działanie funkcji językowych.
Ćwicz tworzenie szkieletu strony "z pamięci" i sprawdzaj kolejność: DOCTYPE (deklaracja), potem <html>, a w środku <head> i <body>. Warto też otworzyć narzędzia deweloperskie w przeglądarce i zobaczyć, jak DOM odzwierciedla te elementy.
info

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

W praktyce zawodowej kluczowe jest to, że poprawne jest &lt;html&gt;, ponieważ jest to pierwszy znacznik (element główny, tzw. root) dokumentu HTML, który zawiera całą stronę.

Źródła:

  • WHATWG HTML Living Standard – The html element (sekcja: "The html element"), https://html.spec.whatwg.org/multipage/semantics.html#the-html-element - accessed 2026-03-02
  • W3C Recommendation: HTML5 (W3C), sekcje dot. struktury dokumentu i elementu &lt;html&gt;, https://www.w3.org/TR/html5/ - accessed 2026-03-02
  • MDN Web Docs – &lt;html&gt;: The HTML Document / Root element, https://developer.mozilla.org/en-US/docs/Web/HTML/Element/html - accessed 2026-03-02

Materiały:

  • Dokumentacja HTML (sekcje o strukturze dokumentu i elemencie &lt;html&gt;)
  • Tutoriale o budowie szablonu HTML i różnicy DOCTYPE vs tag
  • Ćwiczenia: ręczne napisanie szkieletu strony i walidacja w narzędziach developerskich przeglądarki

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego