Использование ссылок на символы в содержимом HTML-элементов

Одной из особенностей языка HTML является то, что для выделения тегов в исходном коде используются символы «<» («меньше») и «>» («больше»). Сами имена тегов без них ничего не значат, и, следовательно, могут использоваться в текстовом содержимом элементов наряду с другими словами и сокращениями без каких-либо ограничений. А вот символы «<» и «>», да ещё символ «&» («амперсанд»), в HTML объявлены зарезервированными. Поэтому непосредственное использование этих символов в текстовом содержимом элементов запрещено из-за возможных ошибок обработки документа браузером.

А как же быть, когда эти символы просто необходимы, например, для написания математических формул, примеров кода и т.п.? На этот случай, а также для написания символов, которые невозможно ввести с клавиатуры (из-за отсутствия последних на клавиатуре), в HTML предусмотрен так называемый механизм ссылок на символы (character references), суть которого заключается в том, что любой символ в содержимом элемента можно заменить специальной последовательностью, называемой ссылкой на данный символ.

Ссылки на символы могут быть представлены любым из указанных ниже способов:

&#D; — десятичная ссылка, где D — код символа в десятичной системе счисления;
&#xH; — шестнадцатеричная ссылка, где H — код символа в шестнадцатеричной системе счисления;
&имя_символа; — именованная ссылка.

Как видим, все ссылки на символы, независимо от способа представления, начинаются с зарезервированного символа «&» («амперсанд»). Далее следует либо имя символа, либо его код, которому предшествует знак «#» (английский знак номера). Шестнадцатеричный код начинается с символа «x» (икс) — признака шестнадцатеричной системы счисления. Заканчиваются все ссылки точкой с запятой.

Примеры некоторых ссылок на символы:

Символ	Именованная ссылка	Десятичная ссылка	Шестнадцатеричная ссылка	Описание
&	&	&	&	Амперсанд
<	<	<	<	Знак «меньше»
>	>	>	>	Знак «больше»
				Неразрывный пробел
¢	¢	¢	¢	Цент
£	£	£	£	Фунт стерлингов
¥	¥	¥	¥	Иена или юань
…	…	…	…	Многоточие
√	√	√	√	Знак квадратного корня

Примечание: Имена символов в именованных ссылках являются стандартизированными мнемониками. Они образованы из начальных символов слов, входящих в описание вставляемого символа. Так, например, имя «amp» является сокращением от слова «ampersand», имя «nbsp» — сокращением от слов «non-breaking space», а имя «hellip» — сокращением от слов «horizontal ellipsis». Полный список имён символов и их описания можно найти в разделе «Character entity references» спецификации HTML 4.01.

Пример использования ссылки на символ в исходном коде документа:

<p>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diem nonummy nibh euismod
tincidunt ut lacreet dolore magna aliguam erat
volutpat. Ut wisis enim ad minim veniam, quis
nostrud exerci tution ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo
consequat.<br>&#9986; -------------------------- 
(линия отреза) --------------------------</p>

В браузере результат выполнения данного кода будет выглядеть следующим образом:

Внимание! Регистр буквенных символов в шестнадцатеричных ссылках значения не имеет. Поэтому ссылки £ и £ совершенно равнозначны. В именованных же ссылках регистр символов имеет значение. Так, например, ′ — это ссылка на одиночный штрих (символ минут и футов), а ″ — это уже ссылка на двойной штрих (символ секунд и дюймов).

Другие статьи по схожей тематике