Les entités HTML sont des codes spéciaux qui représentent des caractères qui seraient autrement interprétés comme du balisage, ou qui sont difficiles à taper. Ils commencent par & et se terminent par ;.
Quatre caractères ont une signification spéciale en HTML et doivent être écrits sous forme d'entités quand vous les utilisez littéralement :
< → < (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>
C'est aussi le fondement de la protection contre les XSS : quand vous affichez du texte généré par l'utilisateur, l'échappement de <, >, & empêche le navigateur d'exécuter les balises <script> injectées. Les frameworks (React, Vue) font cet échappement par défaut pour cette raison.
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 -->
Avec un charset UTF-8, vous pouvez écrire la plupart des symboles et des caractères accentués littéralement ; les entités sont alors principalement nécessaires pour les caractères réservés du balisage (<, >, &, ") et .
Les entités vous permettent d'afficher les caractères réservés en tant que texte et sont essentielles pour prévenir les XSS lors du rendu de contenu non fiable.
Avec UTF-8, vous en avez rarement besoin pour les symboles, mais l'échappement correct de <, >, & est essentiel chaque fois que du texte brut pourrait être confondu avec du balisage.