O que são entidades HTML e quando você precisa delas?

Entidades HTML são códigos especiais que representam caracteres que de outra forma seriam interpretados como marcação, ou que são difíceis de digitar. Elas começam com & e terminam com ;.

Os caracteres que você DEVE escapar

Quatro caracteres têm significado especial em HTML e devem ser escritos como entidades quando você quer representá-los literalmente:

<   →  &lt;     (less-than — otherwise starts a tag)
>   →  &gt;     (greater-than)
&   →  &amp;    (ampersand — otherwise starts an entity)
"   →  &quot;   (inside attribute values)