Element <meta charset="utf-8"> określa metadane strony internetowej dotyczące
lang znacznika <html>.charset określa kodowanie znaków, a UTF-8 obejmuje polskie litery.<meta name="keywords">.<meta name="description">.Pytanie z egzaminu CKE, styczeń 2021 (arkusz E.14-SG-21.01).
Atrybut charset określa kodowanie znaków dokumentu, czyli sposób zamiany bajtów pliku na litery. UTF-8 obejmuje znaki wszystkich alfabetów, w tym polskie ą, ę, ł czy ż. Gdy przeglądarka przyjmie inne kodowanie niż to, w którym zapisano plik, zamiast polskich liter pokaże przypadkowe symbole.
Element <meta charset="utf-8"> umieszcza się na samym początku sekcji <head>, przed tytułem strony, bo przeglądarka musi znać kodowanie, zanim zacznie czytać tekst. Edytor kodu powinien zapisywać plik w tym samym kodowaniu. W HTML5 to krótka forma zastępująca starszy zapis <meta http-equiv="Content-Type" content="text/html; charset=utf-8">.
Każda z błędnych odpowiedzi to inna metainformacja z sekcji <head>. Opis strony podaje <meta name="description" content="..."> - ten tekst wyszukiwarki pokazują pod tytułem w wynikach.
Język strony określa się nie elementem <meta>, tylko atrybutem lang w znaczniku <html lang="pl">. Kodowanie i język to różne rzeczy: polski tekst można zapisać w kilku kodowaniach, a UTF-8 obsługuje dowolny język.
Słowa kluczowe umieszcza się w <meta name="keywords" content="...">. Współczesne wyszukiwarki praktycznie ich nie biorą pod uwagę, ale zapis wciąż pojawia się w zadaniach.
Wskazówką jest sama nazwa atrybutu: charset to skrót od „character set”, czyli zestawu znaków. Dotyczy więc kodowania znaków, a nie treści czy języka strony.
Każda metainformacja ma inną rolę, więc warto je zapamiętać parami: atrybut i to, czego dotyczy.