KWALIFIKACJA INF3 - CZERWIEC 2017

PYTANIE NR 1.
Która z zasad tworzenia części <head> języka HTML jest poprawna?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Sekcja <head> służy do umieszczania metadanych i odwołań do zasobów, a nie treści strony. Typowe elementy tej części to m.in. <meta> (informacje o dokumencie), <title> (tytuł karty) oraz <link> (np. podpięcie arkusza CSS). <body> i <div> należą do treści/układu w <body>.

Pełne wyjaśnienie:

Sekcja <head> w dokumencie HTML przeznaczona jest na informacje o dokumencie, czyli metadane i odwołania do zasobów potrzebnych do poprawnego renderowania lub opisania strony. Z tego powodu poprawna zasada mówi, że w <head> mogą wystąpić znaczniki <meta>, <title> i <link>.

Dlaczego to jest poprawne?

  • <title> definiuje tytuł strony widoczny na karcie przeglądarki i często wykorzystywany przez wyszukiwarki.
  • <meta> służy do przekazywania metadanych, np. deklaracji kodowania znaków, opisu strony czy ustawień widoku na urządzeniach mobilnych.
  • <link> służy m.in. do dołączania zasobów zewnętrznych, najczęściej arkuszy stylów CSS lub ikon.

Pozostałe odpowiedzi są błędne, bo mieszają role sekcji:

  • Stwierdzenie, że w <head> "zawiera się" część <body>, jest niezgodne ze strukturą dokumentu: <head> i <body> są oddzielnymi sekcjami wewnątrz <html>.
  • Pomysł, że w <head> "definiuje się szablon strony znacznikami <div>", jest błędny, bo <div> jest elementem struktury treści (kontenerem układu) i powinien znajdować się w <body>.
  • Twierdzenie, że w <head> nie można umieszczać CSS, jest zbyt kategoryczne: oprócz odwołania do pliku CSS można stosować także style osadzone (np. w znaczniku style) w obrębie <head>.

Wskazówka egzaminacyjna: jeśli odpowiedź dotyczy metadanych, tytułu, podpinania plików lub ustawień dokumentu, zwykle jest związana z <head>. Jeśli dotyczy układu, treści, nagłówków, akapitów czy kontenerów, dotyczy <body>.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Sekcja <head> zawiera metadane dokumentu i odwołania do zasobów, a nie treść widoczną na stronie. Umieszcza się tam m.in. tytuł strony, informacje o kodowaniu oraz linki do arkuszy stylów. Dzięki temu przeglądarka i wyszukiwarki wiedzą, jak interpretować dokument.
Najczęściej spotkasz tam <title> (tytuł karty), <meta> (metadane, np. charset i opis) oraz <link> (np. dołączenie CSS lub favicon). Są to elementy opisujące dokument lub podpinające zasoby, a nie budujące układ treści.
<div> jest elementem struktury treści (kontenerem do budowy układu), więc należy do części <body>. Sekcja <head> służy metadanym i konfiguracji dokumentu. Umieszczenie elementów treści w <head> może powodować niepoprawną interpretację dokumentu.
Tak, CSS może być dołączony na dwa główne sposoby: jako plik zewnętrzny (zwykle przez <link>) oraz jako style osadzone w dokumencie. Style osadzone umieszcza się typowo w sekcji <head>, gdy chcesz dodać reguły tylko dla tej jednej strony.
<title> ustawia tytuł strony widoczny na karcie przeglądarki i często używany jako tytuł wyniku w wyszukiwarce. Standardowo umieszcza się go w sekcji <head>, ponieważ jest metadanym dokumentu, a nie elementem treści renderowanej w obszarze strony.
<meta> przekazuje metadane, czyli informacje opisujące dokument (np. kodowanie znaków, opis strony, ustawienia dla urządzeń mobilnych). Przeglądarka i inne narzędzia wykorzystują te dane do poprawnego wyświetlania i indeksowania. Dlatego <meta> umieszcza się w <head>.
Najczęściej używa się znacznika <link> w sekcji <head>, który wskazuje lokalizację arkusza stylów. To podejście pozwala współdzielić style między wieloma podstronami i ułatwia utrzymanie projektu. W praktyce jest to najpopularniejszy sposób pracy z CSS.
Nie. <head> i <body> to dwie oddzielne sekcje dokumentu HTML, które występują obok siebie wewnątrz <html>. <head> zawiera metadane i odwołania do zasobów, a <body> zawiera treść widoczną na stronie (teksty, obrazy, formularze, układ).
Częsty błąd to mylenie elementów metadanych z elementami treści, np. wskazywanie <div> lub fragmentów układu jako poprawnych w <head>. Drugi błąd to przekonanie, że w <head> nie da się umieszczać stylów w ogóle. Warto zapamiętać: <head> opisuje dokument, <body> prezentuje treść.
Przećwicz kilka prostych stron HTML i celowo przenoś elementy między <head> i <body>, obserwując efekty w przeglądarce. Uporządkuj listę: metadane i odwołania do zasobów trafiają do <head>, a elementy budujące widok strony do <body>. To szybko utrwala poprawny podział.
info

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

Specjaliści zwracają uwagę: "Sekcja &lt;head&gt; służy do umieszczania metadanych i odwołań do zasobów, a nie treści strony."

Źródła:

  • MDN Web Docs: "&lt;head&gt;: The Document Metadata (Head) element" — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head (dostęp: 2026-03-02)
  • MDN Web Docs: "&lt;meta&gt;: The metadata element" — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta (dostęp: 2026-03-02)
  • MDN Web Docs: "&lt;link&gt;: The External Resource Link element" — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link (dostęp: 2026-03-02)

Materiały:

  • Dokumentacja MDN Web Docs: sekcja HTML &lt;head&gt; oraz znaczniki &lt;meta&gt;, &lt;title&gt;, &lt;link&gt;
  • Specyfikacja WHATWG HTML: rozdziały dotyczące "document metadata"
  • Ćwiczenia praktyczne: zbudowanie prostego HTML z poprawnym &lt;head&gt; i analizą efektu w przeglądarce

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego