19.1.1 Гипертекст

Идея гипертекста (hypertext) известна уже многие годы. Она основана на следующих положениях:

■ Выделенные в документе фразы связаны с указателями на другие документы.

■ Пользователь может перейти на другой документ, щелкнув мышью на выделенной фразе.

Пользователи Microsoft Windows или Macintosh хорошо знакомы с гипертекстом по справочным системам, хотя могли и не слышать о самом термине. Например, меню справки может выглядеть так:

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

19.1.2 Гипермедиа

Идея гипертекста расширяется до понятия гипермедиа (hypermedia), когда выделенная фраза указывает на изображение, звуковой файл, видеоклип или иные виды двоичных данных. Изображение может также содержать элементы, щелчок на которых мышью вызывает ссылки на документы, изображения, звуковые файлы или видеоклипы. Такой способ доступа к информации уже давно и успешно используется на компакт-дисках. (Однако наиболее общим свойством гипермедиа-гипертекста следует считать не возможность перехода по ссылкам и не встраивание различных типов информации, а нелинейную структуру самого гипертекста. В отличие от обычного текста, который является линейным и состоит из последовательных строк, гипертекст состоит из отдельных фрагментов, объединенных ссылками. Структура такого текста может быть не только не линейной, но даже и не древовидной. Вместе с множеством достоинств в гипертексте есть один недостаток: чтобы просмотреть последовательно весь документ от начала до конца, придется отслеживать все переходы по ссылкам. Разумеется, этот процесс автоматизирован в современных браузерах WWW, которые выделяют в тексте не только сами ссылки, но и специальным образом отмечают уже просмотренные пользователем ссылки вместе с реализацией функции возврата по последней ссылке. — Прим. пер.)

19.1.3 Гипермедиа и WWW

Использование гипермедиа расширяется на сетевую информацию через службу Интернета World Wide Web (WWW). В этом случае выделенные фразы могут указывать не только на локальный элемент, но и на любой элемент данных любого удаленного компьютера. Именно эта простая идея лежит в основе пользовательского интерфейса, существенно упрощающего перемещение по Интернету.

Успех WWW обеспечивается и очень важной концепцией унификации. Каждый информационный ресурс WWW идентифицирован унифицированным указателем ресурсов (Uniform Resource Locator — URL), иногда называемым и универсальным указателем ресурсов (Universal Resource Locator). URL определяет:

■ Имя ресурса

■ Местоположение ресурса

■ Используемый для доступа к ресурсу протокол

URL является частным случаем универсального идентификатора ресурса (Universal Resource Identifier — URI), обеспечивающего единообразный способ именования любых информационных ресурсов.

19.4.1 URL для гипертекста

Если в браузере WWW ввести значение URL гипертекстового документа, браузер извлечет этот документ по протоколу пересылки гипертекста (Hypertext Transfer Protocol — HTTP). Формат URL для гипертекста:

http://имя-системы/имя-файла

Например:

http://www.ibm.com/index.html

Если указать только:

http://имя-системы

то браузер WWW возвратит по умолчанию домашнюю страницу (home page), которая обычно именуется home.html или index.html. Более общий формат URL для протокола HTTP имеет вид:

http://хост:порт/путь?путь_поиска

Не менее проста структура URL для других протоколов.

19.4.2 URL для gopher

Если в браузере ввести URL:

gopher://gopher.jvnc.net/

то браузер будет работать как клиент gopher и соединится с сервером gopher по имени gopher.jvnc.net. Если сервер недоступен на обычном порту (70), но использует другой порт, например 3333, то нужно указать URL в виде:

gopher://gopher.somewhere.edu:3333/

19.4.3 URL для FTP

Пересылка файлов по протоколу FTP может быть выполнена по URL:

ftp://ds.internic.net/

или с указанием определенного файла

file://ds.internic.net/rfc/rfc1738.txt

Для доступа по FTP к сайту с вводом пароля и идентификатора пользователя применяется:

ftр://имя_пользователя:пароль@идентификатор_хоста

Хост можно указать через IP-адрес или имя домена. Для доступа к файлу URL должен быть похож на:

file://ds.internic.net/rfc/rfc1738.txt

Отметим, что протокол не указан, однако по умолчанию используется FTP.

19.4.4 URL для telnet

Соединиться по telnet поможет:

telnet://ds.internic.net/

Или в более общей форме:

telnet://имя_пользователя:пароль@идентификатор_хоста/

19.4.5 URL для сетевых новостей

URL для группы новостей имеет вид news.имя_группы, например:

news:rec.airplane

Сервер новостей не идентифицирован в URL. Вместо этого его название (или адрес) указывается в параметрах конфигурации браузера.

19.4.6 URL электронной почты

URL для отправки электронной почты:

mailto:пользователь@размещение_почты

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

19.4.7 URL для WAIS

Хотя и редко используемый (если вообще когда-либо), URL был определен для доступа к базам данных WAIS по протоколу Z39.50. Например, интерфейс для каталога общедоступного сервера WAIS имеет форму:

wais://cnidr.org/каталог_сервера

В общем случае URL для WAIS имеют формат:

wais://хост:порт/база_данных

wais://хост:порт/база_данных?search

wais://хост:порт/база_данных/тип/путь

На момент выхода книги немногие (если вообще какие-нибудь) браузеры поддерживали протокол доступа к WAIS. Поиск в базах данных обычно выполняется путем заполнения форм и отправки их на сервер WWW, который должен запустить соответствующее поисковое средство.

Обобщая вышесказанное, отметим, что:

■ URL начинается с указания используемого протокола доступа.

■ Для всех приложений, кроме сетевых новостей и электронной почты, далее следует разделитель ://.

■ Затем указывается имя хоста сервера.

■ Наконец определяется ресурс (иначе будет извлечен файл по умолчанию).

Для сетевых новостей и электронной почты местоположение нужного сервера новостей и почтового шлюза определяется конфигурационной информацией браузера. Применяется только часть разделителя (:), и в URL не указывается никакой серверный хост.

19.5.1 Специальные символы

Иногда идентификатор ресурса содержит пробелы или иные специальные символы (например, слэш или двоеточие), которые применяются в URL как разделители. Например, имена файлов Macintosh и Windows 95 могут содержать пробелы и другие необычные символы.

Специальные символы в именах ресурсов записываются строкой, начинающейся с символа процентов (%). Такое отображение показано в таблице 19.1.

Таблица 19.1 Отображение специальных символов

Документы WWW с гипертекстовыми ссылками записываются на языке разметки гипертекста (Hypertext Markup Language — HTML). Гипертекстовые файлы, совместимые с версиями 1 и 2 HTML, обычно имеют имена в формате:

имя_файла.html

Файл, содержащий расширенные возможности версии 3, именуется как:

имя_файла.html3

На компьютерах DOS и Windows применяется суффикс htm или ht3.

HTML основан на обобщенном стандарте разметки гипертекста (Standard Generalized Markup Language — SGML). Основная идея состоит в размещении в документе специальных тегов для идентификации таких элементов, как заголовки, подзаголовки, границы параграфов, маркированные списки, графические символы и т.д.

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

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

Например, можно не указывать описание структуры сложных форм при записи пересылаемых от клиента на сервер данных. Такие формы могут использоваться для ввода запросов в базу данных или заказов товаров в интерактивных магазинах.

Другая важная способность — это построение изображений с областями для щелчка мышью. Конечный пользователь может щелкать на области в изображении, чтобы выбрать связанный с этой областью документ.

19.6.1 Создание документа на HTML

Некоторые детали отображения документа оставлены клиенту. Браузер настольной системы обычно разрешает конечному пользователю выбрать шрифты для выводимого текста. Текст HTML-документа будет переформатирован согласно размеру окна экрана и выбранного шрифта. Автор документа HTML может определить следующие элементы:

■ Заголовки

■ Подзаголовки

■ Абзацы

■ Ссылки с помощью URL

■ Списки

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

■ Форматирование символов

■ Специальные символы

■ Встроенные изображения

■ Внешние графические изображения

■ Формы для ввода данных

■ Карту областей щелчка мышью

■ Таблицы и формулы

Включенный в HTML-документ элемент определяется соответствующим тегом. Например, тег

19.6.3 Общий формат HTML-документа

Несколько тегов служат для определения начала и конца HTML-документа или выделяют в нем заголовок и тело. Например:

                                       Начало гипертекстового документа.

                                       Начало заголовка.

     Комментарий.

Указывает размещение данного

 документа.

            Заголовок, обычно выводимый вверху

 клиентского экрана.

                                      Конец заголовка.

                                       Начало тела документа.

...

                                      Конец тела документа.

                                      Конец гипертекстового документа.

19.6.4 Заголовки HTML

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

<Н1>Это заголовок первого уровня — самый главный

<Н2>Заголовок второго уровня можно применять для разделов

Существуют еще заголовки уровней с третьего по шестой

19.6.5 Абзацы и разрывы

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

Старые версии HTML выделяли абзацы, помещая тег

в начале каждого нового абзаца:

Это абзац.

Это следующий абзац.

Это справедливо и для версии 3, но в ней можно применять и пару тегов, отмечающих начало и конец абзаца:

Это абзац.

По умолчанию большинство браузеров вставляет между абзацами пустую строку (в версии 3 есть теги для описания другого стиля абзацев, например, для отступа в первой строке). Если нужно начать новую строку, но не новый абзац, используют разрыв:

Розы — красные,

Фиалки — голубые.

19.6.6 Неупорядоченные списки

Неупорядоченный список выводится как последовательность помеченных элементов. Например:

• Яблоко

• Груша

В версии 3 определен необязательный заголовок списка и тег конца элемента:

Виды фруктов

• Яблоко
• Груша

19.6.7 Упорядоченные списки

Упорядоченные списки имеют такую же структуру, но элементы нумеруются:

Это упорядоченный список.

1. Первый элемент.

2. Следующий элемент.

Как и раньше, тег конца элемента списка () и заголовок списка ( ... ) необязательны.

19.6.8 Список определений

Список определений является последовательностью терминов и их определений:

Терминология WWW

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

Язык форматирования для записи гипертекстовых документов. Теги документа

идентифицируют такие элементы, как заголовки, абзацы или списки.

Протокол пересылки гипертекста (HTTP)

Протокол для запроса и пересылки гипертекстовых документов.

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

Терминология WWW

Язык разметки гипертекста

 Язык форматирования для записи гипертекстовых документов. Теги документа

 идентифицируют такие элементы, как заголовки, абзацы или списки.

Протокол пересылки гипертекста.

 Протокол для запроса и пересылки гипертекстовых документов.

Списки любого типа могут быть вложенными.

19.6.9 Дополнительные теги

Для выделения отдельных частей документа можно воспользоваться горизонтальным разделителем, который пересекает всю ширину выводимой страницы:

Иногда нужно получить текст, размещенный точно так же, как он был введен. Тег предформатирования (

) указывает браузеру на вывод текста "как есть":                             

                             

                             

                             

 Этот текст будет показан так,                             
                             

 как написан, включая отступы.                             
                             

                             

                             

Цитируемый блок текста (block quote) — еще один способ выделения фрагмента в тексте. Обычно это делается сдвигом вправо всего блока. В версии 2 применяется тег 
.                             

                             

                             

                             

 Это — цитируемый блок.                             
                             

 Возможно, он будет выведен пользователю сдвинутым вправо.                             
                             

                             

                             

В версии 3 название тега сокращено до .                             
                

19.6.10 Выделение в тексте

Иногда требуется выделить фрагмент текста особым образом, например полужирным шрифтом или курсивом. Это можно сделать двумя способами:

1. Оставить детали вывода на усмотрение браузера

<ЕМ> Обычно выводится курсивом.

Обычно выводится полужирным шрифтом.

Обычно отображается моноширинным шрифтом.

2. Явно указать способ изображения текста:

Вывести курсивом.

<В> Вывести полужирным шрифтом.

Подчеркнуть текст.

Перечеркнуть текст.

Вывести моноширинным шрифтом (как на пишущей машинке).

_{Подстрочными символами.}

^{Надстрочными символами.}

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

19.6.11 Ссылки

Чтобы включить в документ ссылку, нужно:

■ Использовать теги начала и конца ссылки

■ Указать URL связанного со ссылкой документа

■ Обеспечить метку для щелчка мышью (обычно выводится подчеркиванием или голубым цветом).

Ниже показан пример ссылки. Символ А определяет название тега, именуемого точкой привязки, или якорем. Параметр HREF идентифицирует элемент, через который выполняется ссылка. Текст перед разделителем становится меткой для щелчка мышью на этой ссылке:

<А HREF= "http://www.abc.com/wwwdocs/showme.html">Щелкните здесь для вывода

 дополнительных сведений

Не всегда нужно записывать полный URL для связанного документа. Предположим, что документ showme.html содержит ссылку на файл more.html из того же каталога. Тогда можно записать ссылку как:

<А HREF = "more.html">дополнительные сведения

Такой способ называется указанием относительного пути. Его можно применять и для подкаталогов текущего каталога.

19.6.12 Ссылки на локальные документы

Можно создать ссылку на документ локального хоста. Например, ссылка на локальный документ DOS выглядит как:

<А HREF = "file:///c:\webdocs\home.htm">Документ локального хоста

Для извлечения такого документа нет надобности в протоколе HTTP. Отметим, что имя хоста не указано — между косыми чертами (///) ничего нет.

Допустимо ссылаться на отдельные места того же самого документа. Сначала маркируется нужное место. В версии 2 это выполняется вставкой точки привязки с использованием параметра NAME:

3. Самолеты