Спецсимволы HTML представляют собой особый вид разметки, который состоит из набора определенных символов, обозначающих в своем общем виде конкретную литеру. Зачастую это символы, которых нет в стандартной компьютерной клавиатуре, либо которые не поддерживает кодировка HTML-страницы.

Для вставки спецсимвола в код с помощью HTML достаточно в теле кода прописать аналогичную спецсимволу мнемоническую комбинацию:

<p>Этот пылесос стоит 30&euro;</p>

<!-- На выходе получим -->

Этот пылесос стоит 30€

Для CSS спецсимвол необходимо указать в качестве значения свойства content у псевдоэлемента в виде шестнадцатиричного кода:

<p>Этот пылесос стоит <span>30</span></p>
<style>
  span:after {
    content: '\20AC';
  }
</style>

<!-- На выходе получим -->

Этот пылесос стоит 30€

Ниже предоставлены различные популярные спецсимволы и их реализация в коде HTML (левая ячейка) и CSS (правая).

Таблицы с кодами спецсимволов для HTML и СSS