[HTML] Kodowanie polskich znaków

Witajcie.
W tym poradniku omówimy temat kodowania polskich znaków w szablonach HTML.

Edytor

Zacznijmy od naszego edytora plików.

Nie może być to zwykły „Notatnik”, gdyż przy konwersji pliku na „UTF-8” dodaje on na początek kilka znaków tzw. BOM (Byte-Order Mark).

Edytor powinien obsługiwać m.in konwersję kodowania plików oraz kodowanie UTF-8 without BOM.

 

Preferujemy użycie edytora: Notepad++

 

UTF-8 without BOM (pl – UTF-8 bez BOM)

 

Błędne wyświetlanie polskich znaków na stronie www

Poniżej przedstawiamy jak wyglądają polskie znaki w niepoprawnym kodowaniu wyświetlane na stronie www.

utf8_bad

 

Ustawienie kodowania pliku w naszym edytorze

Przejdźmy do zmiany kodowania w naszym pliku.

 

W tym celu otwórzmy plik w naszym edytorze (np. Notepad++).
Następnie znajdźmy opcję „Format” oraz zmieńmy kodowanie pliku poprzez opcję „Convert to UTF-8 without BOM„.
Po wykonaniu tych kroków powinniśmy mieć oznaczoną opcję „Encode in UTF-8 without BOM”

notepadpp_utf8

Kodowanie pliku w kodzie HTML

Po zmiany kodowania w pliku przejdźmy do naszego kodu html.

 

Należy wskazać stronie jakiego kodowania używamy, aby tego dokonać musi dodać odpowiedni kod do sekcji <head> najlepiej na początku.

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

notepadpp_utf8_html

 

Następnie jedynie co należy zrobić, to zapisać zmiany w naszym pliku.

 

Inne kodowanie pliku a polskie znaki

Jeżeli mamy ustawione inne kodowanie pliku (np: ISO-X), za pomocą kodu html możemy zmienić nasze polskie znaki na odpowiedni kod który przeglądarka przetworzy na odpowiedni znak.

 

Jedynie co musimy zrobić to zamienić w naszym pliku wybrany polski znak (np. „ą„), na odpowiedni przypisany mu kod HTML (np. „&#261;„).
Do tego celu polecamy skorzystanie z tabeli ze znakami html, dostępnej poniżej.

Litera Kod HTML
Ą &#260;
ą &#261;
Ę &#280;
ę &#281;
Ó &#211;
ó &#243;
Ć &#262;
ć &#263;
Ł &#321;
ł &#322;
Ń &#323;
ń &#324;
Ś &#346;
ś &#347;
Ź &#377;
ź &#378;
Ż &#379;
ż &#380;

 

Są również bardziej zaawansowane sposoby do zmiany kodowania dla skryptów php wykorzystujących bazę danych.
Lecz dla początkujących programistów zalecamy powyższe metody.

 

Jeżeli po skorzystaniu z poradnika nadal  posiadasz problemy z kodowaniem polskich znaków, daj znać w komentarzu lub skontaktuj się z nami indywidualnie.

 

Zachęcamy do komentowania poradnika oraz jego udostępniania !

 

 

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *