HTML entity jsou speciální kódy, které reprezentují znaky, které by jinak byly interpretovány jako značky, nebo které je obtížné psát. Začínají s & a končí s ;.
Čtyři znaky mají speciální significance v HTML a musí být napsány jako entity, když je myslíte doslova:
< → < (less-than — otherwise starts a tag)
> → > (greater-than)
& → & (ampersand — otherwise starts an entity)
" → " (inside attribute values)
<!-- ❌ the browser tries to parse <div> as a tag -->
<p>Use the <div> element</p>
<!-- ✅ shows the literal text "Use the <div> element" -->
<p>Use the <div> element</p>
To je také základ ochrany XSS: když zobrazujete uživatelem generovaný text, escapování <, >, & brání prohlížeči v provádění injektovaných <script> značek. Framework (React, Vue) escapují ve výchozím nastavení z tohoto důvodu.
non-breaking space (keeps words together, no line break)
© © ® ® ™ ™
— — – – … …
× × ÷ ÷
© © by decimal code © © by hex code
<meta charset="UTF-8" />
<p>© 2024 — café résumé 日本語</p> <!-- with UTF-8 you can type these directly -->
S charset UTF-8 můžete psát většinu symbolů a akcentovaných znaků doslova; entity jsou pak především potřebné pro rezervované znaky značek (<, >, &, ") a .
Entity vám umožňují zobrazit rezervované znaky jako text a jsou centrální pro prevenci XSS při renderování nedůvěryhodného obsahu.
S UTF-8 je pro symboly vzácně potřebujete, ale správné escapování <, >, & je nezbytné pokaždé, když by se surový text mohl zaměňovat s značkami.