KWALIFIKACJA INF3 - STYCZEŃ 2022

PYTANIE NR 2.
Element <meta charset="utf-8"> jest stosowany do określenia metadanych strony internetowej dotyczących
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
<meta charset="utf-8"> informuje przeglądarkę, jakiego kodowania znaków użyto w dokumencie (np. UTF-8), aby poprawnie interpretować i wyświetlać litery oraz znaki diakrytyczne. Nie służy do ustawiania języka strony ani do metadanych typu opis czy słowa kluczowe.

Pełne wyjaśnienie:

Element <meta charset="utf-8"> to deklaracja kodowania znaków dokumentu HTML. Jej zadaniem jest poinformowanie przeglądarki, w jakim standardzie zapisu znaków (np. UTF-8) ma interpretować bajty pliku HTML, aby poprawnie wyświetlić tekst, w tym polskie znaki (ą, ę, ł) oraz inne znaki spoza ASCII.

Odpowiedź "kodowania znaków" jest właściwa, bo atrybut charset (character set) odnosi się bezpośrednio do kodowania/zbioru znaków użytego w dokumencie. W praktyce jest to jedna z kluczowych metainformacji wpływających na poprawne renderowanie treści.

Pozostałe odpowiedzi opisują inne, odrębne mechanizmy metadanych:

  • "języka strony" – język naturalny dokumentu ustala się zwykle przez atrybut lang w znaczniku <html> (np. lang="pl"), a nie przez <meta charset>. Język wpływa m.in. na narzędzia dostępności i sprawdzanie pisowni, ale to inny obszar niż kodowanie.
  • "słów kluczowych" – historycznie używano <meta name="keywords" ...> do słów kluczowych, jednak nie jest to rola <meta charset>. To inne atrybuty elementu <meta>.
  • "opisu strony" – opis strony dotyczy zwykle <meta name="description" ...> i jest wykorzystywany m.in. w kontekście prezentacji wyników wyszukiwania. Ponownie: nie ma to związku z deklaracją charset.

Wskazówka egzaminacyjna: jeśli w treści pytania występuje charset lub "utf-8", myśl o kodowaniu znaków, a nie o języku czy SEO-metatagach.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
To deklaracja kodowania znaków dokumentu HTML. Informuje przeglądarkę, że treść ma być interpretowana jako UTF-8, dzięki czemu tekst (np. polskie znaki) wyświetla się poprawnie i nie pojawiają się "krzaki".
UTF-8 obejmuje bardzo szeroki zestaw znaków (wiele alfabetów i symbole), jest powszechnie wspierane i minimalizuje problemy z nieczytelnymi znakami. Ułatwia też integrację danych z API i bazami danych.
Najczęściej w sekcji <head> i możliwie wysoko, aby przeglądarka jak najwcześniej znała kodowanie. W praktyce umieszcza się go przed treścią, która mogłaby zostać źle zinterpretowana.
Nie. Język naturalny dokumentu ustala się zwykle atrybutem lang w znaczniku <html> (np. <html lang="pl">). <meta charset> dotyczy wyłącznie kodowania znaków.
Przeglądarka może błędnie odczytać bajty dokumentu i wyświetlić niepoprawne znaki, szczególnie przy literach diakrytycznych. Objawia się to "krzakami", problemami z kopiowaniem tekstu i błędną interpretacją treści.
Metadane to informacje o dokumencie, które nie są bezpośrednio treścią widoczną na stronie, np. kodowanie, opis, autor, ustawienia responsywności. Są umieszczane zwykle w <head> i służą przeglądarkom oraz robotom.
Meta description opisuje stronę (często pod SEO i podgląd w wynikach wyszukiwania), a meta charset informuje o kodowaniu znaków dokumentu. To różne cele i różne atrybuty elementu <meta>.
Nie. <meta name="keywords"> (o ile w ogóle używane) dotyczy słów kluczowych, a <meta charset="utf-8"> dotyczy sposobu zapisu znaków w pliku. Łączy je tylko to, że oba są wariantami elementu <meta>.
Możesz sprawdzić kodowanie w narzędziach deweloperskich przeglądarki (nagłówki odpowiedzi i podgląd dokumentu) oraz upewnić się, że plik HTML jest zapisany w UTF-8 w edytorze. Ważna jest zgodność deklaracji i faktycznego zapisu pliku.
Najczęstsze pomyłki to utożsamianie UTF-8 z "językiem strony" oraz mylenie różnych zastosowań <meta> (description/keywords/charset). Warto zapamiętać: charset = kodowanie, a język ustawia lang.
info

Około 70% zdających odpowiada poprawnie na to pytanie. średnio łatwe

W praktyce zawodowej kluczowe jest to, że &lt;meta charset=&quot;utf-8&quot;&gt; informuje przeglądarkę, jakiego kodowania znaków użyto w dokumencie (np. UTF-8), aby poprawnie interpretować i wyświetlać litery oraz znaki diakrytyczne.

Źródła:

  • MDN Web Docs: "&lt;meta&gt;: The metadata element" (sekcja o deklaracji character encoding) — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta (dostęp: 2026-03-02)
  • WHATWG HTML Living Standard: "Character encoding declaration" — https://html.spec.whatwg.org/multipage/semantics.html#charset (dostęp: 2026-03-02)
  • W3C: "Character encodings" (materiał wprowadzający do kodowań i ich roli w dokumentach) — https://www.w3.org/International/articles/definitions-characters/ (dostęp: 2026-03-02)

Materiały:

  • Dokumentacja MDN: element &lt;meta&gt; i deklaracja charset
  • Specyfikacja HTML (WHATWG): sekcja o "character encoding declaration"
  • Notatki/ćwiczenia: różnice między lang, charset, meta description i meta keywords

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego