Язык гипертекстовой разметки (HTML)

Для того чтобы пояснить идею организации HTML -документа, уместно привести аналогию с работой редактора издательства, который готовит текст для верстки. Редактор имеет исходный текст и делает его разметку, в которой отмечает, как необходимо отформатировать те или иные элементы и как изменить порядок следования абзацев. Например, это могут быть пометки типа: "данный абзац напечатать жирным шрифтом, такое-то предложение выделить красным цветом, а после абзаца такого-то вставить текст со страницы такой-то". Верстальщик читает комментарии редактора и отображает финальный вариант документа в том виде, в котором он потом выйдет из печати.

Аналогичные комментарии записываются в HTML -документе, затем они прочитываются браузером, для того чтобы браузер "знал", как нужно отображать данные на экране компьютера.

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

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

Команды HTML (или управляющие маркеры гипертекстового документа) называют тэгами (от англ. tag - ярлык, маркер).

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

Существует более сотни тэгов для разметки информации на Web -странице. Большинство тэгов используются парами. Открывающий и закрывающий тэги начинаются и завершаются знаками <и>. Закрывающий тэг отличается от открывающего наличием символа "/" (слэш) перед ключевым словом. Например, пара тэгов <b>...</b> используется для того, чтобы дать браузеру команду отобразить текст, помещенный между тэгами, жирным шрифтом, а тэги <i>...</i> показывают, что при отображении текста должен быть применен курсив. Открывающий и закрывающий тэги воздействуют на часть документа, заключенную между ними.

Одним из важнейших тэгов является тэг, определяющий гиперссылки. При определении гиперссылки необходимо связать элемент Web -страницы, по которому будет происходить переход, с адресом данного перехода. Для этого используют пару, которая начинается с открывающего тэга <a>, по первой букве слова anchored (от англ. "привязанный"), и заканчивается закрывающим тэгом </a>.

Адрес перехода определяется значением атрибута href и представляет собой URL того ресурса, на который указывает ссылка. Таким образом, в простейшем случае определение гиперссылки выглядит как:

<a href=" URL ">имя ссылки</a>

Механизм работы Web-сервера

Определив понятие языка HTML, можно более подробно описать механизм работы Web -сервера и браузера. Рассмотрим пример обращения к ресурсу www.translate.ru (рис. 4.12).

Рис. 4.12. Схема работы Web-сервера

 

В адресной строке браузера набираем необходимый URL (рис. 4.12, пункт 1), после чего браузер получает информацию об используемом протоколе (http) и имени сервера (www.translate.ru). Браузер устанавливает связь с искомым Web -сервером и, используя протокол HTTP, запрашивает искомый ресурс. Сервер посылает браузеру HTML -страницу, которая хранится на сервере (рис. 4.12, пункт 2).Обычно даже простая Web -страница содержит не только текст, но и графику, т.е. состоит из нескольких файлов разного типа. Браузер считывает HTML -тэги, воссоздает страницу на экране компьютера, и мы видим результат своего запроса (рис. 4.12, пункт 3).

В данном случае мы рассмотрели пример работы так называемых статических страниц.

Статические страницы представляют собой точную копию файлов, лежащих в каталогах Web -cервера, и не изменяются до тех пор, пока разработчик сам в них что-то не поменяет. Однако страницы могут формироваться динамически, т.е. во время обработки запроса по какой-то программе, а не из готового файла на диске. Вы наверняка сталкивались со страницами, которые были созданы по вашему запросу динамически,- как говорится, "сформированы на лету". Например, любая книга отзывов на Web -сайте предоставляет определенную форму, в которую вы добавляете свой текст, когда вы в следующий раз открываете эту страницу, она содержит новое сообщение.

Аналогично, когда поисковой машине дается запрос по поводу некоторого документа и она выдает список ссылок, очевидно, что этот список формировался именно на данный запрос, а не хранился в Сети заранее.

Кэширование Web-страниц

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

При навигации в Web часто возникает необходимость, как в книге, "перелистнуть страницу назад", т.е. загрузить ее повторно. Очевидно, что когда вы в браузере нажимаете кнопку "Назад" для того, чтобы вернуться к просмотренной ранее статичной странице, нет смысла повторно скачивать ее с сервера. Логично сохранить просмотренный документ на диске компьютера в специальной буферной зоне (кэше) и быстро отобразить его, если пользователь захочет вернуться по ссылкам назад. Именно так и поступают современные браузеры.

В современных браузерах (таких, как Internet Explorer и Netscape Navigator) существует возможность настройки объема папки, в которой сохраняются кэшированные документы.