HTML-сущности

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

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

Каждая сущность начинается с амперсанда (&) и заканчивается точкой с запятой (;). Точка с запятой обязательна — без неё браузер может вообще не распознать сущность.

Именованные, десятичные и шестнадцатеричные ссылки

Существуют три способа записать один и тот же символ. Все три варианта ниже выводят амперсанд (&):

Именованная ссылка (например, &) легко читается и запоминается, однако определён лишь фиксированный набор имён. Числовая ссылка может представлять любой символ Unicode по его кодовой точке — в десятичном (&) или шестнадцатеричном (&) виде. Десятичное 38 и шестнадцатеричное 26 — это просто два способа записать одну и ту же кодовую точку. Числовые ссылки удобны, когда именованной сущности для нужного символа не существует.

Имена сущностей чувствительны к регистру: & работает, а & — нет.

Например:

<p>5 &lt; 10 and 10 &gt; 5</p>
<title>HTML entities &amp; symbols</title>
<p>Snowman: &#9731; or &#x2603;</p>

Когда сущности обязательны

Экранировать каждый специальный символ не нужно — большинство из них можно вводить напрямую. Сущности обязательны только тогда, когда символ иначе будет воспринят как разметка, или когда нужен невидимый символ, который обычный пробел не даёт:

• < — экранирует <, чтобы браузер не воспринял его как начало тега.
• > — экранирует > (рекомендуется для симметрии, хотя строго обязательно лишь в некоторых контекстах).
• & — экранирует &, чтобы он не воспринимался как начало другой сущности.
• " — экранирует двойную кавычку внутри значения атрибута, которое само заключено в двойные кавычки.
•   — неразрывный пробел, используется для удержания двух слов на одной строке.

Например, чтобы метка и год не переносились на разные строки, используйте неразрывный пробел:

<p>Copyright&nbsp;2024</p>

Браузер отображает это как обычный пробел, но никогда не разорвёт строку между словами «Copyright» и «2024».

Часто используемые символьные сущности в HTML

Математические символы, поддерживаемые HTML

Греческие буквы, поддерживаемые HTML

Другие сущности, поддерживаемые HTML

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

Неразрывный пробел ( ) — одна из наиболее часто используемых символьных сущностей в HTML. Это пробел, при котором строка не переносится. Это означает, что два слова, разделённые неразрывным пробелом, всегда остаются вместе. Кроме того, неразрывный пробел не позволяет браузерам сворачивать несколько пробелов в один.

Полный список кодовых точек и соответствие символов числам можно найти в разделе HTML Unicode Reference.

Диакритические знаки

Диакритический знак — это «глиф», добавляемый к букве. Некоторые из таких знаков, например гравис (̀) и акут (́), называются ударениями. Диакритические знаки могут располагаться над буквой, под ней, между двумя буквами или внутри буквы.

Ниже приведён список некоторых диакритических знаков:

Практика