html.okpython.net
HTML и CSS для начинающих

HTML :: Мнемоники и коды Юникод

Не все символы обычного текста можно напрямую вывести на экран при отображении веб-страницы браузером. Так символы < и > имеют в HTML специальный смысл, т.к. они являются важнейшей составляющей синтаксиса языка. Когда интерпретатор браузера встречает их в коде, то он видит в них не просто символы текста, а в первую очередь метки начала и конца тега. Поэтому, если нам нужно вывести на экран конструкцию, например, открывающего тега <span>, то мы должны каким-то образом сообщить браузеру, что он видит перед собою не открывающий тег, а всего лишь простой текст.

Обычно в таких случаях символы заменяются (кодируются) специальными последовательностями обычных символов, называемыми мнемониками, либо их числовым представлением в виде десятичного или шестнадцатеричного кода Unicode. Для мнемоники конструкция начинается с символа амперсанда &, после чего следует некоторая последовательность обычных символов и завершающая точка с запятой ;. Если используется Unicode, то сперва также пишется символ амперсанда &, однако затем следует # и десятичный код Юникода либо #x и шестнадцатеричный код Юникода данного символа. Заканчивается конструкция опять же точкой с запятой ;.

Внимательно изучите таблицу №1, в которой представлены некоторые символы и соответствующие им мнемоники, а также десятичные и шестнадцатиричные коды Unicode.

Символ Мнемоника 16-ный код Unicode 10-ный код Unicode Описание
< &lt; &#x003C; &#60; меньше
> &gt; &#x003E; &#62; больше
& &amp; &#x0026; &#38; амперсанд
&nbsp; &#x00A0; &#129; неразрывный пробел
&shy; &#x00AD; &#173; мягкий перенос
§ &sect; &#x00A7; &#167; параграф
© &copy; &#x00A9; &#169; знак охраны авторского права
° &deg; &#x00B0; &#176; градусы
… &hellip; &#x0085; &#133; многоточие
– &ndash; &#x0096; &#150; среднее тире
— &mdash; &#x0097; &#151; длинное тире
± &plusmn; &#x00B1; &#177; плюс-минус
" &quot; &#x0022; &#34; двойная кавычка
» &apos; &#x0027; &#39; одинарная кавычка
« &laquo; &#x00AB; &#171; левая двойная угловая кавычка
» &raquo; &#x00BB; &#187; правая двойная угловая кавычка

Таблица №1. Мнемоники и коды Юникода некоторых символов

Таким образом, если нам нужно, чтобы браузер вывел на экран конструкцию, например, того же тега <span>, следует в коде использовать вместо знаков < и > их коды. Рассмотрим данную ситуацию на примере №2.

HTML Результат htmlCodes 
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">	
	<title>Использование кодов символов</title>
</head>
<body>
	Здесь мы тегов не увидим <span></span>.<br>
	А вот здесь мы видим тег &lt;span&gt;.<br>
	Это тоже тег &#60;span&#62;.<br>
	И это тег &#x003C;span&#x003E;.
</body>
</html>

Пример №2. Замещение символов их кодами

Описанная ситуация не является единственной. Иногда необходимо вставить символ, которого нет на клавиатуре, например, особые математические знаки или буквы других языков. В таком случае можно:

  • посетить официальный сайт Юникода, перейдя по ссылке здесь ;
  • воспользоваться наборами мнемоник и числовых кодов Unicode на нашем сайте (смотреть);
  • посмотреть мнемоники и соответствующие им числовые коды на официальном сайте W3C, совершив переход по ссылке здесь;
  • воспользоваться имеющейся в Windows таблицей символов, которая находится в меню Пуск->Все программы-> Стандартные->Служебные.

Быстрый переход к другим страницам

▲
▼