belarusweb.net
© Петр Романовский Минск, 2016-2017.



belarusweb.net

Основы создания сайтов...

HTML >>>

1.8. Использование мнемоник и кодов символов

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

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

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

Символ Мнемоника Шестнадцатеричный код Unicode Десятичный код 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.7. Мнемоники и коды Юникода некоторых символов

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

<!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>	

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

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

Контрольные вопросы и задания

  1. В каких ситуациях возникает необходимость замены символов их кодами?
  2. Какие символы представляют данные мнемоники: '&nbsp;', '&ndash;', '&lt;', '&gt;'?

Словарь новых английских слов

hypertext [ˈhʌɪpətɛkst] – гипертекст.
mark [mɑ:k] – отмечать, маркировать, метка.
language [ˈlaŋɡwɪdʒ] – язык.
wide [waɪd] – широкий.
web [web] – паутина, сетка.
width [wɪtθ] – ширина.
height [haɪt] – высота.
head [hed] – заголовок, голова.
body [ˈbɔdɪ] – тело.
footer [ˌfutə] – нижний колонтитул, 'подвал'.
article [ˈɑːtɪk(ə)l] – статья.
navigation [,nævi'gei∫ən] – навигация, передвижение.
charset [ˈtʃɑ:set] – кодировка.
inline [inˈlaɪn] – строчный.
block [blɔk] – блок, блочный.
background [ˈbakɡraʊnd] – фон, задний план.
title ['taitl] – заглавие, название, надпись.
edit ['edit] – редактировать, правка, редактирование.
content [kənˈtɛnt] – содержимое, содержание.
check [tʃɛk] – проверять, проверка, галочка, птичка.
sheet [ʃiːt] – лист, страница, таблица.
span [spæn] – интервал.
window [ˈwɪndəʊ] – окно.
code [kəʊd] – код.
example [ɪɡˈzæmpl] – пример, образец.
aside [ə'said] – в стороне, отдельно, кроме.
color [ˈkʌlər] – цвет, краска.
blue [blu:] – синий, голубой.
yellow ['jeləu] – желтый.
red [red] – красный.
green [gri:n] – зеленый.
grey [grei] – серый.
black [blæk] – черный.
white [wait] – белый.
orange ['ɔrindʒ] – оранжевый.
violet ['vaiəlit] – фиолетовый.
hidden ['hidn] – скрытый, скрывать, прятать.
access [ˈækses] – доступ.
key [ki:] – ключ, клавиша, идентификатор.
translate [transˈleɪt] – переводить.
Комментарии (0)
Петр Романовский
1. Приветствуются комментарии, которые содержат дополнения к материалу текущей страницы, а также ваши ответы на вопросы других пользователей.
2. Если вам что-то непонятно - спрашивайте, не забывая написать, что именно и с какого места.
Показаны все комментарии
Чтобы оставить свой комментарий, авторизуйтесь, пожалуйста!    
     
belarusweb.net © Петр Романовский, Минск, 2016-2017.
Связаться с автором
Наверх