HTML-enheter är speciella koder som representerar tecken som annars skulle tolkas som markup eller som är svåra att skriva. De börjar med & och slutar med ;.
Fyra tecken har särskild betydelse i HTML och måste skrivas som enheter när du menar dem bokstavligt:
< → < (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>
Detta är också grunden för XSS-skydd: när du visar användaralstrat text förhindrar escaping av <, >, & att webbläsaren kör injicerade <script> taggar. Ramverk (React, Vue) escapar som standard av denna anledning.
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 en UTF-8 charset kan du skriva de flesta symboler och accenttecken direkt; enheter behövs då huvudsakligen för reserverade markup-tecken (<, >, &, ") och .
Enheter låter dig visa reserverade tecken som text och är centrala för att förhindra XSS när du renderar opålitligt innehål.
Med UTF-8 behöver du sällan dem för symboler, men korrekt escaping av <, >, & är essentiell när obearbetad text kan misstolkas som markup.