HTML-entiteter er specielle koder, der repræsenterer tegn, som ellers ville blive fortolket som markup, eller som er vanskelige at skrive. De begynder med & og slutter med ;.
Fire tegn har særlig betydning i HTML og skal skrives som entiteter, når du betyder dem bogstaveligt:
< → < (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>
Det er også grundlaget for XSS-beskyttelse: når du viser brugergenereret tekst, escape af <, >, & forhindrer browseren i at udføre injicerede <script>-tags. Frameworks (React, Vue) escape som standard af denne grund.
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 -->
Med UTF-8-tegnsæt kan du skrive de fleste symboler og accentuerede tegn bogstaveligt; entiteter er så primært nødvendige for de reserverede markup-tegn (<, >, &, ") og .
Entiteter lader dig vise reserverede tegn som tekst og er centrale for at forhindre XSS ved rendering af upålideligt indhold.
Med UTF-8 har du sjældent brug for dem til symboler, men korrekt escape af <, >, & er essentielt når som helst, rå tekst kunne forveksles med markup.