Спецсимволы, коды и мнемоники / сущности HTML

Спецсимволы

Спецсимволы — это символы, которые зарезервированы синтаксисом HTML:
" — двойная кавычка (универсальная);
& — амперсанд;
' — апостроф (одинарная кавычка);
< — знак меньше;
> — знак больше.

Использование вышеуказанных символов, кроме одиночных и двойных кавычек, по прямому назначению в тексте не рекомендуется, так как это может привести к некорректному отображению документа. В этом можно убедиться, если проверить нижеприведённый пример на соответствие стандартам валидатором W3.Org.

Коды

Коды символов используются для отображения в браузере спецсимволов и символов, которых нет на клавиатуре.

В любой кодировке есть своя таблица символов, в которой каждому символу присвоен порядковый номер. Если перед этим номером дописать амперсанд (&) и символ решётки (#), а после него — точку с запятой (;), то это и будет HTML-код данного символа:

&#порядковый+номер+в+таблице+символов;

Мнемоники / сущности

Мнемоники / сущности — это аналоги кодов символов, в которых порядковый номер символа заменён на смысловое буквенное выражение и опущен символ решётки (#):

&мнемоника;

τὰ μνημονικά (греч. — мнемоника) — искусство запоминания.

Мнемоники / сущности, коды и Unicode спецсимволов HTML

# Название по-русски Название по-английски Вид Мнемоника HTML-код Unicode
1 Двойная кавычка (универсальная) Quotation Mark " &quot; &#34; u+0022
2 Амперсанд Ampersand & &amp; &#38; u+0026
3 Апостроф (одинарная кавычка) Apostrophe ' &apos; &#39; u+0027
4 Знак меньше Less-Than Sign < &lt; &#60; u+003c
5 Знак больше Greater-Than Sign > &gt; &#62; u+003e