Escape-последовательности (подстановки)

Запись escape-последовательности подразумевает замену служебных символов специальными командами, которые в процессе интерпретации документа замещаются выводимыми на экран искомыми знаками. Все escape-последовательности начинаются с символа амперсанд («&») и заканчиваются точкой с запятой, а между ними размещается сама команда, записываемая в строчном регистре. В табл. 1.1 приведен список наиболее часто используемых escape-последовательностей.

Таблица 1.1. Наиболее распространенные escape-последовательности

Символ Значение Команда
<   Символ «меньше, чем»; левая угловая скобка &lt;
> Символ «больше, чем»; правая угловая скобка &gt;
" Прямые кавычки &quot;
& Амперсанд &атр;
  Неразрывный пробел (словосочетания, разделенные таким пробелом, не разрываются при переносе) &nbsp;
© Символ копирайта &сору;
® Символ зарегистрированной торговой марки &reg;

Escape-последовательности записываются в тексте по тем же правилам, по которым употребляются обозначаемые ими символы, иными словами, нотация символьного объекта просто вставляется в тот участок текста, где по расчетам web-мастера должен следовать соответствующий служебный символ.

Перевод строки, пробелы, табуляция

При подготовке web-страниц обязательно следует помнить, что введенное пользователем с помощью клавиатуры форматирование текста, включающее в себя пробелы, отступы табуляции и переводы строки, игнорируются броузером при интерпретации html-документа.

Иными словами, такие элементы текста, как

Данное словосочетание

или

Данное

Словосочетание

на экране монитора будут выглядеть одинаковым образом:

Данное словосочетание

Таким образом, любое количество пробелов между словами, отступ, выполненный посредством клавиши «Tab», или перевод строки при нажатии клавиши «Enter» преобразуются при компиляции документа в один символ пробела. Поэтому для форматирования основного текста на web-странице применяются специальные теги. Исключением из этого правила может служить только текст, помеченный специальным тегом <PRE> — командой предварительного форматирования. Мнемоника записи этого тега выглядит следующим образом:

<PRE>

предварительно отформатированный текст

</PRE>

В этом случае все, что расположено между открывающим и закрывающим тегами <PRE>, а в нашем примере это выражение «предварительно отформатированный текст», отобразится в окне броузера с сохранением всех введенных дизайнером пробелов, переводов строк и отступов табуляции. Однако злоупотреблять применением данной команды не рекомендуется, поскольку в силу несхожести алгоритмов обработки кода HTML различными броузерами возможно искажение отформатированного таким образом текста в зависимости от экранных настроек пользователей. Помните, что внутри тега PRE запрещено использовать другие теги форматирования текста.

Комментарии

Код HTML может содержать комментарии, предназначенные как для самого web-мастера, создающего документ, так и для постороннего пользователя, читающего листинг чужой странички. И в том и в другом случае комментарии записывают с целью избежать возможной путаницы при изучении кода html-документа. Комментарии не обрабатываются интерпретаторами броузеров и не отображаются на экране, они остаются в составе кода web-страницы «как есть». Комментарий открывается символьной последовательностью, начинающейся с открывающей угловой скобки, восклицательного знака и двух знаков тире: <!--, закрывается же несколько иным сочетанием символов: -->. В общем случае синтаксис записи комментария будет выглядеть следующим образом:

<!-текст комментария -->

Иногда в комментарий включается информация о создателе документа, предупреждение об авторских правах или адрес электронной почты администратора сайта. Однако чаще всего данный элемент кода HTML используется по своему прямому назначению, для пояснения назначения тех или иных участков листинга html-документа.

Общие рекомендации

Создатель языка HTML, консорциум W3C, рекомендует включать в качестве первой строки html-кода перед тегом <HTML> так называемый дефинитивный определитель, показывающий, что данная web-страница создана именно с использованием HTML версии 3.2, а не какой-либо другой. Определитель не несет явной функциональной нагрузки и не влияет на отображение документа в броузере, однако спецификации требуют его использования. Синтаксис записи данного определителя всегда одинаков:

<! DOCTYPE HTML PUBLIC "-//W3C//DTO HTML 3.2//EN">

Цветовые спецификации

Некоторые элементы языка HTML могут иметь в качестве атрибутов переменные, обозначающие цвета. Эти переменные применяются в основном для определения цвета фона html-документа, цвета текста или цвета, при помощи которого отображаются гиперссылки.

Определить тот или иной цвет при создании web-страницы можно двумя методами:

1. посредством задания специальных цветовых меток, обозначающих названия цветов словами;

2. с помощью шестнадцатеричного цифрового кода, заменяющего эти метки.

 

Известно, что для вывода цветных изображений на экран монитора применяется так называемая палитра RGB. При помощи цветовых меток или цифрового кода web-мастер имеет возможность использовать в документе HTML любой цвет, который поддается отображению в рамках стандарта RGB.

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

Существует 140 цветов, для которых приняты стандартные символьные метки.

Цветов же, которые возможно отобразить посредством цифрового кода, несоизмеримо больше.

Не все броузеры способны отображать некоторые цвета, заданные символьной нотацией. Например, Netscape Navigator распознает их значительно больше, нежели Microsoft Internet Explorer.

 

Для обозначения цвета шестнадцатеричным цифровым кодом принят следующий синтаксис записи: перед самим кодом ставится символ «#», далее следует набор из шести знаков в шестнадцатеричной системе счисления.

Практике активно используется шестнадцать цветов. Именно они были приняты в качестве стандарта для шестнадцатицветовой палитры VGA. Обозначение данных цветов приведено в табл. 1.2.

Таблица 1.2. Стандартные цвета

Цвет Значение RGB Символьная метка Цифровой код
Белый 255 255 255 White #FFFFFF
Черный Black #000000
Зеленый 0 128 0 Green #008000
Светло-зеленый 0 255 0 Lime #00FF00
Серый 128 128 128 Gray #808080
Светло-серый 192 192 192 Silver #C0C0C0
Желтый 255 255 0 Yellow #FFFF00
Темно-бордовый 128 0 0 Maroon #800000
Синий 0 0 255 Blue #0000FF
Темно-синий 0 0 128 Navy #000080
Голубой 0 255 255 Aqua #00FFFF
Изумрудный 0 128 128 Teal #008080
Красный 255 0 0 Red #FF0000
Пурпурный 128 0 128 Purple #800080
Розовый 255 0 255 Fuchsia #FF00FF
Оливковый 128 128 0 Olive #808000

Помните, что для передачи цветов в html-документе предпочтительнее все же пользоваться шестнадцатеричным цифровым кодом, только так вы можете быть уверены, что броузер пользователя распознает требуемый цвет корректно.