Udostępnij za pośrednictwem

  • Artykuł

          

Encyklopedia: Jak kodować polskie znaki w HTML - Kurs HTML i CSS   Udostępnij na: Facebook

Autor: Łukasz Kazimierz Krajkowski

Opublikowano: 2011-10-27

Często spotykanym problemem, podczas budowania nowych stron, jest zapewnienie odpowiedniego kodowania dokumentu. Niepoprawnie przeprowadzony zapis dokumentu oraz nieodpowiedni znacznik HTML, dotyczący kodowania dokumentu, powoduje pojawianie się tzw. krzaczków na stronie. Takie znaki jak ż, ć czy ą zostają niepoprawnie wyświetlone. Spowodowane jest to różnorakim zapisem kodowania znaków narodowych.

Znaki odwzorowane są w specjalnych standardach. Przykładem takich standardów są ASCII, Unicode oraz ISO. Każdy z nich posiada swoje tablice znakowe. W Polsce najpopularniejszymi tablicami, które zawierają polskie znaki, są UTF-8, Windows-1250 oraz ISO-8859-2.

Ważne jest to, żeby przy zapisie dokumentu oraz w nagłówku dokumentu kodowania były identyczne. Niezgodność na tym etapie może spowodować, że przeglądarka, interpretując dokument, zastosuje zupełnie inną tablicę znakową, przez co znaki nie zostaną poprawnie wyświetlone po stronie klienta.

Kodowanie w HTML ustanawia się wewnątrz znacznika <head></head> poprzez odpowiedni meta tag.

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >

Przykład

  1. Otwórz Notatnik.
  2. Do nowego dokumentu dodaj:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" >
    <title>Kodowanie znaków</title>
</head>
<body>
    <p>ąśćóżęĄŚĆÓŻĘ</p>
</body>
</html>
  1. W menu File kliknij Save As.
  2. Podaj nazwę index.html.
  3. Wybierz kodowanie UTF-8 (Rys. 1.).

Rys.1. Odpowiednie kodowanie.

  1. Następnie zapisz poprzez kliknięcie przycisku Save.
  2. Uruchom stronę w przeglądarce. Powinieneś uzyskać efekt jak na Rys. 2.

Rys.2. Efekt końcowy.

Sprawdź