Kodowanie i dekodowanie encji HTML

Zabezpiecz znaki specjalne w tekście, aby wstawić go do HTML bez psucia strony, lub zamień encje HTML z powrotem na zwykły tekst.

Encje HTML

Podczas kodowania:

Najczęściej używane encje HTML

ZnakNazwanaLiczbowa
& & &
< &lt; &#60;
> &gt; &#62;
" &quot; &#34;
' &apos; &#39;
(nbsp) &nbsp; &#160;
© &copy; &#169;
® &reg; &#174;
™ &trade; &#8482;
€ &euro; &#8364;
£ &pound; &#163;
° &deg; &#176;
± &plusmn; &#177;
× &times; &#215;
÷ &divide; &#247;
… &hellip; &#8230;
– &ndash; &#8211;
— &mdash; &#8212;
« &laquo; &#171;
» &raquo; &#187;
“ &ldquo; &#8220;
” &rdquo; &#8221;
• &bull; &#8226;
→ &rarr; &#8594;
á &aacute; &#225;
é &eacute; &#233;
ñ &ntilde; &#241;
Ñ &Ntilde; &#209;
ü &uuml; &#252;
ç &ccedil; &#231;
¿ &iquest; &#191;
¡ &iexcl; &#161;

Czym są encje HTML?

Encja HTML to sposób zapisania znaku za pomocą kodu, który zaczyna się od & i kończy na ;. Może być nazwana, jak &copy; dla ©, lub liczbowa, z numerem Unicode znaku dziesiętnie (&#169;) albo szesnastkowo (&#xA9;).

Kiedy trzeba ich używać?

Zawsze trzeba zabezpieczać znaki o specjalnym znaczeniu w HTML: < i > (otwierają i zamykają znaczniki), & (rozpoczyna encję) oraz cudzysłowy w atrybutach. Jeśli tego nie zrobisz, przeglądarka potraktuje je jako kod: strona się rozsypie, a jeśli tekst pochodzi od użytkownika, otwierasz drogę atakom XSS.

Polskie litery z ogonkami, inne znaki diakrytyczne i emoji nie wymagają encji, jeśli strona używa UTF-8, co jest dziś normą. Przydają się tylko wtedy, gdy plik musi być czystym ASCII, np. w niektórych e-mailach lub starych systemach.