Запись escape-последовательности подразумевает замену служебных символов специальными командами, которые в процессе интерпретации документа замещаются выводимыми на экран искомыми знаками. Все escape-последовательности начинаются с символа амперсанд («&») и заканчиваются точкой с запятой, а между ними размещается сама команда, записываемая в строчном регистре. В табл. 1.1 приведен список наиболее часто используемых escape-последовательностей.
Таблица 1.1. Наиболее распространенные escape-последовательности
| Символ | Значение | Команда |
| < | Символ «меньше, чем»; левая угловая скобка | < |
| > | Символ «больше, чем»; правая угловая скобка | > |
| " | Прямые кавычки | " |
| & | Амперсанд | &атр; |
| Неразрывный пробел (словосочетания, разделенные таким пробелом, не разрываются при переносе) | | |
| © | Символ копирайта | &сору; |
| ® | Символ зарегистрированной торговой марки | ® |
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-документе предпочтительнее все же пользоваться шестнадцатеричным цифровым кодом, только так вы можете быть уверены, что броузер пользователя распознает требуемый цвет корректно.
