Znacznik <meta charset="utf-8"> w HTML

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

Czym jest <meta charset="utf-8">?

Element <meta charset="utf-8"> umieszcza się w sekcji <head> dokumentu HTML. Informuje on przeglądarkę, jakiego kodowania znaków należy użyć do poprawnego odczytania treści strony.

Najczęściej stosowaną wartością jest utf-8, czyli Unicode Transformation Format 8-bit. Kodowanie UTF-8 obsługuje znaki wielu języków, w tym polskie znaki: ą, ć, ę, ł, ń, ó, ś, ź, ż.

Przykład użycia

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

Co definiuje ten element?

<meta charset="utf-8"> definiuje kodowanie znaków, a nie:

  • opis witryny,
  • język strony,
  • słowa kluczowe.

Do opisu strony używa się na przykład:

<meta name="description" content="Opis strony internetowej">

Do określenia języka dokumentu stosuje się atrybut lang, najczęściej w znaczniku <html>:

<html lang="pl">

Dlaczego to ważne?

Jeżeli kodowanie znaków nie zostanie określone lub będzie błędne, przeglądarka może wyświetlać niepoprawne symbole zamiast polskich liter, np. Ä... zamiast ł lub ą.

W praktyce egzaminacyjnej należy zapamiętać: charset="utf-8" oznacza kodowanie znaków strony internetowej.