HTML entiteti su posebni kodovi koji predstavljaju znakove koji bi inače bili interpretirani kao markup, ili koje je teško pisati. Počinju sa & i završavaju sa ;.
Četiri znaka imaju posebno značenje u HTML-u i moraju biti napisani kao entiteti kada ih koristite doslovno:
< → < (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>
Ovo je tudi osnova XSS zaštite: kada prikazujete tekst koji je generirao korisnik, escapiranje <, >, & sprječava preglednik od izvršavanja injektovanih <script> tagova. Frameworki (React, Vue) to escapeaju prema zadanom eftersom iz tog razloga.
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 -->
Sa UTF-8 charset-om možete pisati većinu simbola i znakova s naglaskom doslovno; entiteti su tada uglavnom potrebni za rezervirane znakove markupa (<, >, &, ") i .
Entiteti vam omogućavaju prikaz rezerviranih znakova kao teksta i ključni su za sprječavanje XSS-a pri renderiranju nepouzdanog sadržaja.
Sa UTF-8-om rijetko trebate entitete za simbole, ali ispravno escapiranje <, >, & je bitno kadgod bi se obični tekst mogao protumačiti kao markup.