KWALIFIKACJA INF3 - CZERWIEC 2024

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ę, jak interpretować bajty pliku HTML jako znaki tekstu, czyli jakie jest kodowanie znaków dokumentu (najczęściej UTF-8). Nie określa języka strony (to zwykle atrybut lang), ani danych SEO jak słowa kluczowe czy opis.

Pełne wyjaśnienie:

Element <meta charset="utf-8"> służy do zadeklarowania kodowania znaków dokumentu HTML. Dzięki temu przeglądarka wie, jak zamienić dane zapisane w pliku (bajty) na czytelny tekst. W praktyce najczęściej używa się UTF-8, aby poprawnie wyświetlać znaki spoza alfabetu ASCII, np. polskie litery ą, ę, ł, ś, ż.

Dlaczego poprawna jest odpowiedź "kodowania znaków"?
Bo atrybut charset oznacza "zestaw/kodowanie znaków" użyte w dokumencie. To informacja techniczna kluczowa dla renderowania tekstu przez przeglądarkę.

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • "języka strony" – język treści (np. polski) określa się zwykle atrybutem lang w znaczniku <html> lub w elementach, a nie przez charset. Język wpływa m.in. na czytniki ekranu i narzędzia tłumaczeń, ale nie jest kodowaniem.
  • "słów kluczowych" – to dotyczy innego typu metadanych, historycznie np. <meta name="keywords" ...>. Nie ma związku z dekodowaniem znaków.
  • "opisu strony" – opis (description) to także metadane SEO, zwykle <meta name="description" ...>, przeznaczone dla wyszukiwarek i podglądów wyników, a nie dla interpretacji kodowania.

Wskazówka egzaminacyjna: jeśli w pytaniu pojawia się charset, myśl o kodowaniu znaków. Jeśli pojawia się lang, myśl o języku treści. To dwa różne poziomy informacji o stronie.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
To deklaracja kodowania znaków dokumentu HTML. Informuje przeglądarkę, że treść pliku ma być interpretowana jako UTF-8, dzięki czemu znaki diakrytyczne (np. ą, ę, ł) i inne znaki Unikodu wyświetlą się poprawnie.
UTF-8 obsługuje praktycznie wszystkie znaki używane w różnych językach i systemach. Zmniejsza ryzyko pojawienia się "krzaków" po publikacji strony, ułatwia integrację z bazami danych i API oraz jest najczęściej oczekiwanym kodowaniem w nowoczesnych przeglądarkach.
Przeglądarka może próbować zgadnąć kodowanie na podstawie heurystyk lub nagłówków HTTP. Jeśli zgadnie źle, tekst będzie zniekształcony (np. polskie znaki zamienią się w nieczytelne symbole). To częsty błąd przy wdrożeniach i kopiowaniu plików między systemami.
Kodowanie mówi, jak bajty zamieniają się na znaki (np. UTF-8), a język mówi, w jakim języku jest treść (np. polski). Kodowanie deklaruje się przez <meta charset="utf-8">, a język najczęściej przez atrybut lang w znaczniku <html>.
Nie. <meta> to ogólny znacznik metadanych. Część metatagów dotyczy SEO (np. opis), ale <meta charset="utf-8"> dotyczy ustawień technicznych dokumentu. Na egzaminie trzeba rozpoznawać funkcję po atrybutach (np. charset vs name).
W sekcji <head>, możliwie wcześnie, aby przeglądarka od początku poprawnie interpretowała znaki. W praktyce umieszcza się go na początku <head>, przed treścią, która mogłaby zawierać znaki spoza ASCII.
Możesz użyć narzędzi deweloperskich (podgląd źródła i nagłówków odpowiedzi) lub sprawdzić ustawienia kodowania w menu przeglądarki. W kodzie HTML szukaj deklaracji <meta charset="utf-8"> albo informacji o kodowaniu w nagłówku HTTP Content-Type.
Bezpośrednio dotyczy interpretacji dokumentu HTML przez przeglądarkę. Pośrednio jednak pomaga uniknąć problemów, gdy dane z bazy lub API trafiają na stronę: jeśli dokument jest UTF-8, łatwiej zachować spójność kodowań w całym łańcuchu (serwer–baza–frontend).
Najczęściej mylą kodowanie z językiem strony lub wybierają odpowiedzi SEO ("opis", "słowa kluczowe"), bo kojarzą <meta> tylko z pozycjonowaniem. Warto zapamiętać: charset = kodowanie znaków, a nie treści marketingowe.
Jeśli serwer poprawnie wysyła kodowanie w nagłówku HTTP, przeglądarka może je odczytać. Mimo to deklaracja w HTML jest dobrą praktyką, bo zwiększa odporność na błędy konfiguracji i pomaga przy otwieraniu pliku lokalnie (np. bez serwera) lub w różnych środowiskach.
info

Statystycznie 75% uczniów zna prawidłową odpowiedź. średnio łatwe

W praktyce zawodowej kluczowe jest to, że &lt;meta charset=&quot;utf-8&quot;&gt; informuje przeglądarkę, jak interpretować bajty pliku HTML jako znaki tekstu, czyli jakie jest kodowanie znaków dokumentu (najczęściej UTF-8).

Źródła:

  • MDN Web Docs: "&lt;meta&gt;: The metadata element" (sekcja o charset), https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta (dostęp: 2026-02-18)
  • WHATWG HTML Living Standard: "The meta element" / "charset" (deklaracja kodowania), https://html.spec.whatwg.org/multipage/semantics.html#the-meta-element (dostęp: 2026-02-18)
  • MDN Web Docs: "Document.characterSet" (powiązanie kodowania z interpretacją dokumentu), https://developer.mozilla.org/en-US/docs/Web/API/Document/characterSet (dostęp: 2026-02-18)

Materiały:

  • Dokumentacja HTML (sekcja o elemencie &lt;meta&gt; i deklaracji kodowania)
  • MDN Web Docs – artykuły o &lt;meta&gt; oraz kodowaniu znaków
  • Materiały o Unikodzie i UTF-8 (wprowadzenie do kodowań)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego