Спецсимволы и сущности

HTML-сущности: nb-spaces, кавычки, оценки, эмодзи-комбинирование, числовые коды и когда их используют.

Уровень: начальный 8 разделов 1 час

1. Понятие сущности

Сущность — текстовая ссылка на символ, которая начинается & и заканчивается точкой с запятой: © — ©. Нужны для символов, которых нет на клавиатуре или которые не набираются в HTML.

< & немедленно нужны для литералов;
основной список: copy, reg, trade, bull, hellip;
числовые: © (десятичные) и © (шестнадцатеричные).

2. Самая важная пара

&lt;p&gt;Сильнее всего &amp; быстрого — x &lt; y и z &amp; w&lt;/p&gt;

< — знак меньше (иначе браузер открыл бы тег), & — амперсанд (иначе началась бы сущность). Это два символа, которые ВСЕГДА должны экранироваться в тексте.

3. Неразрывный пробел

Цена: 1&nbsp;299&nbsp;₽ — пробел, не дающий переносить «1299» отдельно.

(nbsp — non-breaking space) склеивает слово и число: «1 299 ₽» не разорвётся в конце строки. Не подменяет обычные пробелы для отступов — path can в CSS.

4. Кавычки и мелкая типографика

«ёлочки» — не сущность, это обычный Unicode-символов.
&ldquo;…&rdquo;  — левая и правая «английские» кавычки
&laquo;&raquo; — русские ёлочки
&mdash;  — длинное тире (—)

В скрине с UTF-8 «ёлочки» и тире пишутся просто символами — сущности для них необязательны. Сущности ценны в старых кодировках и в эфемерных текстах.

5. Математические и валютные

&times;  — ×
&divide; — ÷
&plusmn; — ±
&deg;   — °
&euro;  — €
&yen;   — ¥

Для валют и единиц — те же правила: в UTF-8 символы набираются напрямую, сущности — совместимость.

6. Числовые коды

&#169;    — © (copy)
&#174;    — ® (registered)
&#8230;   — … (горизонт)
&#8730;   — √ (корень)
&#x1F44D; — 👍 (эмодзи-символ)

Числовая форма &#N; / &#xN; надёжна, когда именованной сущности нет. Десятичная и шестнадцатеричная равноправны; шестнадцатерич — компактнее для больших кодов.

7. Кодировка защищает

Если meta charset="UTF-8" и файл сохранён в UTF-8, то почти все сущности не нужны. Но <, &, стоит экранировать всегда — точно и аккуратно в любой кодировке.

Символ	Сущность	Назначение
<	<	литерал меньше
&	&	амперсанд
неразр. пробел		склейка слов/чисел
—	—	длинное тире
©	©	копирайт
×	×	знак умножения

8. Чек-лист специальных символов

< и & в любом тексте;
для неразрывных сочетаний (числ+ед.);
UTF-8 + мета — сущности минимальны;
не путать & с & в URL: URL экранируется через encodeURIComponent, не сущностями;

Что дальше

Курс завершён.

← Вернуться к курсам