PassFront
  1. PassFront
  2. База знаний
  3. Основы HTML

Где найти и как использовать коды специальных символов в HTML?

Основы HTML

Спецсимволы в HTML записывают именованными или числовыми мнемониками (character entities).

Обязательные для экранирования

&lt;   →  <
&gt;   →  >
&amp;  →  &
&quot; →  "   (внутри атрибутов в двойных кавычках)

Без экранирования < может быть воспринят как начало тега.

Часто используемые

&nbsp;   неразрывный пробел (12&nbsp;кг)
&mdash;  длинное тире —
&laquo; &raquo;  «кавычки-ёлочки»
&copy;   ©
&#8381;  ₽ (числовой код)
&#x2192; → (шестнадцатеричный код)

Где искать

  • список именованных мнемоник в спецификации HTML и на MDN;
  • таблицы Unicode — для числовых кодов.

Нюанс

Если файл в UTF-8 (<meta charset="utf-8">), большинство символов (₽, →, «») можно вставлять прямо как есть. Мнемоники нужны для служебных символов и невидимых (&nbsp;).

Коротко для собеседования

Спецсимволы пишут как &имя; или &#код;; обязательно экранировать <, >, & и кавычки в атрибутах, остальное в UTF-8 можно вставлять напрямую.

Подробнее: MDN — Character reference

Другие вопросы раздела