Jak najlepiej używać metatagów do kodowania znaków w HTML5?

Scott Cartwright / E+ / Getty Images

Przed wprowadzeniem HTML5 ustawienie kodowania znaków w dokumencie z elementem wymagało napisania nieco wyczerpującej linii widocznej poniżej. To są elementy Meta Charset, jeśli używałeś HTML4 na swojej stronie internetowej:

|_+_|

Porównaj tę uproszczoną składnię z tym, co napisaliśmy na początku tego artykułu, starą składnią używaną w HTML4, a zobaczysz, o ile łatwiej jest napisać i zapamiętać wersję HTML5. Zamiast kopiować i wklejać to z istniejącej witryny do nowej, nad którą pracowałeś, jest to absolutnie coś, co jako front-endowy programista internetowy możesz zapamiętać. Ta oszczędność czasu może nie być duża, ale biorąc pod uwagę inne obszary składni, które uprościły HTML5, oszczędności się sumują!

Zawsze dołączaj kodowanie znaków

Zawsze powinieneś uwzględniać kodowanie znaków na swoich stronach internetowych, nawet jeśli nigdy nie zamierzasz używać żadnego znaki specjalne . Jeśli nie dodasz kodowania znaków, Twoja witryna stanie się podatna na atak cross-site scripting przy użyciu UTF-7.

W tym scenariuszu osoba atakująca widzi, że Twoja witryna nie ma zdefiniowanego kodowania znaków, więc nakłania przeglądarkę do myślenia, że ​​kodowanie znaków na stronie to UTF-7. Następnie atakujący wstrzykuje na stronę internetową skrypty zakodowane w UTF-7, a Twoja witryna zostaje zhakowana. Jest to problematyczne dla wszystkich zaangażowanych osób, od Twojej firmy po odwiedzających. Dobrą wiadomością jest to, że jest to prosty problem, którego należy unikać – pamiętaj, aby dodać kodowanie znaków do wszystkich swoich stron internetowych.

Gdzie dodać kodowanie znaków

Kodowanie znaków na stronie internetowej powinno być pierwszym wierszem kodu HTML

|_+_|


...

Używanie nagłówków HTTP dla dodatkowego bezpieczeństwa

Możesz także określić kodowanie znaków w nagłówkach HTTP. Jest to nawet bezpieczniejsze niż dodanie go do strony HTML, ale musisz mieć dostęp do konfiguracji serwera lub plików .htaccess, co oznacza, że ​​możesz potrzebować współpracować z dostawcą hostingu swojej witryny, aby uzyskać ten rodzaj dostępu lub je mieć. dokonaj zmian za Ciebie. Dostęp jest tutaj wyzwaniem. Sama zmiana jest prosta, więc każdy dostawca hostingu powinien być w stanie dokonać tej zmiany ze względną łatwością.

Jeśli korzystasz z Apache, możesz ustawić domyślny zestaw znaków dla całej witryny, dodając: AddDefaultCharset UTF-8 do twojego korzenia .htaccess plik. Domyślny zestaw znaków Apache to ISO-8859-1 .