HTML :: Мнемоники и коды Юникод
Не все символы обычного текста можно напрямую вывести на экран при отображении веб-страницы браузером. Так символы < и > имеют в HTML специальный смысл, т.к. они являются важнейшей составляющей синтаксиса языка. Когда интерпретатор браузера встречает их в коде, то он видит в них не просто символы текста, а в первую очередь метки начала и конца тега. Поэтому, если нам нужно вывести на экран конструкцию, например, открывающего тега <span>, то мы должны каким-то образом сообщить браузеру, что он видит перед собою не открывающий тег, а всего лишь простой текст.
Обычно в таких случаях символы заменяются (кодируются) специальными последовательностями обычных символов, называемыми мнемониками, либо их числовым представлением в виде десятичного или шестнадцатеричного кода Unicode. Для мнемоники конструкция начинается с символа амперсанда &, после чего следует некоторая последовательность обычных символов и завершающая точка с запятой ;. Если используется Unicode, то сперва также пишется символ амперсанда &, однако затем следует # и десятичный код Юникода либо #x и шестнадцатеричный код Юникода данного символа. Заканчивается конструкция опять же точкой с запятой ;.
Внимательно изучите таблицу №1, в которой представлены некоторые символы и соответствующие им мнемоники, а также десятичные и шестнадцатиричные коды Unicode.
Символ | Мнемоника | 16-ный код Unicode | 10-ный код Unicode | Описание |
---|---|---|---|---|
< | < | < | < | меньше |
> | > | > | > | больше |
& | & | & | & | амперсанд |
|   |  | неразрывный пробел | |
­ | ­ | ­ | мягкий перенос | |
§ | § | § | § | параграф |
© | © | © | © | знак охраны авторского права |
° | ° | ° | ° | градусы |
… | … | … | … | многоточие |
– | – | – | – | среднее тире |
— | — | — | — | длинное тире |
± | ± | ± | ± | плюс-минус |
" | " | " | " | двойная кавычка |
» | ' | ' | ' | одинарная кавычка |
« | « | « | « | левая двойная угловая кавычка |
» | » | » | » | правая двойная угловая кавычка |
Таблица №1. Мнемоники и коды Юникода некоторых символов
Таким образом, если нам нужно, чтобы браузер вывел на экран конструкцию, например, того же тега <span>, следует в коде использовать вместо знаков < и > их коды. Рассмотрим данную ситуацию на примере №2.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Использование кодов символов</title> </head> <body> Здесь мы тегов не увидим <span></span>.<br> А вот здесь мы видим тег <span>.<br> Это тоже тег <span>.<br> И это тег <span>. </body> </html>
Пример №2. Замещение символов их кодами
Описанная ситуация не является единственной. Иногда необходимо вставить символ, которого нет на клавиатуре, например, особые математические знаки или буквы других языков. В таком случае можно:
- посетить официальный сайт Юникода, перейдя по ссылке здесь ;
- воспользоваться наборами мнемоник и числовых кодов Unicode на нашем сайте (смотреть);
- посмотреть мнемоники и соответствующие им числовые коды на официальном сайте W3C, совершив переход по ссылке здесь;
- воспользоваться имеющейся в Windows таблицей символов, которая находится в меню Пуск->Все программы-> Стандартные->Служебные.
Быстрый переход к другим страницам
- Форматирование исходного кода html-документа
- Мнемоники и коды Юникод в HTML
- Блочные и строчные элементы
- Вернуться к оглавлению учебника