Спецсимволы HTML/CSS

Общие сведения

Списки спецсимволов можно посмотреть на ресурсах:

• HTML Arrows - это исчерпывающий справочный веб-сайт для поиска кодов символов и сущностей HTML, символов ASCII и шестнадцатеричных значений Unicode для использования в веб-дизайне.
• Спецсимволы HTML с русским описанием
• Спецсимволы HTML - HTML5 Book
• Числовые коды спецсимволов HTML

Вставка в тексте HTML

Чтобы вставить спецсимвол в текст HTML-документа, можно использовать его мнемонику — буквенный код. Мнемоника, как и HTML-код символа начинается со значка решётки # и заканчивается точкой с запятой ;.

Например, знак копирайта © можно вставить в текст HTML-документа четырьмя способами:

• Просто скопировать сам символ: ©
• Вставить его десятичный HTML-код: ©
• Вставить его шестнадцатиричный HTML-код: ©
• Вставить его HTML-мнемонику: ©

Вставка через CSS

Для вставки специальных символов через CSS код можно использовать только 16-ный код с заменой префикса &#x на \ и отсеканием суффикса ;. Например, вместо © необходимо \a9.

Спецсимволы добавляются при помощи свойства content, обычно для псевдоклассов :before или :after.

CSS

.telephone:before {
  content: "\260E";
}

HTML

<div class="telephone">0 800 20 27 27</div>

Результат

☎ 0 800 20 27 27