Что такое HTML-сущности и когда они нужны?

HTML-сущности — это специальные коды, которые представляют символы, которые в противном случае интерпретировались бы как разметка, или которые сложно вводить. Они начинаются с & и заканчиваются ;.

Символы, которые НЕОБХОДИМО экранировать

Четыре символа имеют особое значение в HTML и должны быть написаны как сущности, когда вы имеете их в виду буквально:

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