Kodowanie znaków w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Kodowanie znaków określa, w jaki sposób znaki tekstowe są zapisywane i odczytywane przez przeglądarkę. W dokumentach HTML najczęściej stosuje się kodowanie UTF-8, ponieważ obsługuje polskie znaki, symbole specjalne oraz znaki z wielu języków świata.

Poprawna deklaracja kodowania

W HTML5 kodowanie deklaruje się za pomocą elementu meta z atrybutem charset:

<meta charset="UTF-8">

Deklarację umieszcza się w sekcji head, najlepiej jak najbliżej początku dokumentu:

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="UTF-8">
  <title>Moja strona</title>
</head>
<body>
  <p>Zażółć gęślą jaźń</p>
</body>
</html>

Dlaczego to ważne?

Jeśli kodowanie nie zostanie poprawnie określone, przeglądarka może błędnie wyświetlać znaki, np. polskie litery mogą pojawić się jako dziwne symbole. Problem ten dotyczy szczególnie tekstów zawierających znaki spoza podstawowego alfabetu angielskiego.

Częste błędy

Niepoprawne są zapisy:

<charset="UTF-8">
<encoding="UTF-8">
<meta encoding="UTF-8">

Poprawny zapis to wyłącznie:

<meta charset="UTF-8">

W egzaminie INF.03 należy zapamiętać, że za deklarację kodowania znaków w HTML odpowiada element meta oraz atrybut charset.