01. Понятие гиперссылки
На этой странице:
Главное отличие гипертекста от обычного текста — наличие в первом
“чувствительных” областей, щелчки на которых позволяют переходить от
текущего документа к другим документам. Переходы “заложены” в
чувствительные области (гиперссылки).
В этой части учебника вы узнаете, как кодировать гиперссылки
средствами HTML и CSS и как на основе гиперссылок построить
многостраничный гипертекстовый документ. Кроме того, будет предложена
классификация сайтов по типам организации гипертекстовых связей между
его страницами.
Сказание о гипертекстах
Уже достаточно много времени затрачено на то, чтобы научиться при
помощи HTML, CSS и браузера выводить на экран тексты. Но это просто
тексты.
Обычный текст имеет линейную структуру. И хотя пользователь может
читать любые его страницы и строки, листая документ на экране или в
книге, автор предполагает, что текст читается по порядку. Сначала
первая страница, потом вторая и так далее.
HTML-документ — это гипертекст.
Первый этюд к гипертексту
Некоторое нарушение линейности обычной книги вносят сноски, ссылки на
другие страницы и ссылки на другую литературу.
Предполагается, что пользователь может прервать линейное чтение в
месте ссылки, посмотреть другую часть текста или даже
совсем другую книгу, а затем продолжить чтение с места прерывания.
Второй этюд к гипертексту
Из массы текстовой продукции выделяются словари, справочники,
энциклопедии. Физически текст устроен в них линейно: за десятой
страницей обязательно следует одиннадцатая, а за сотой — сто первая.
Однако предполагается, что читатель обращается к такой книге для
справки, а не читает её всю подряд, от корки до корки.
Для упрощения навигации в таких книгах разделы упорядочиваются в
алфавитном порядке и имеют развитую систему перекрёстных ссылок.
Третий этюд к гипертексту
В век бурных компьютерных технологий как-то не хочется вручную
копаться в большом словаре. Почему бы не поручить эту рутину
“твёрдому” другу с “мягкой” душой? Вгоним словарь в
компьютер и настроим “душу”. Щёлкнул мышкой на нужном
слове — получил результат: соответствующий раздел на экране.
Последний этюд к гипертексту
Возможности компьютера порождают принципиально новую идею: почему бы
изначально не проектировать текст в расчёте на возможность чтения не
по порядку, а по контексту? Такой подход позволяет разным
пользователям просматривать текст, ориентируясь на свои вкусы,
уровень владения темой и поставленные задачи.
Структура компьютерной книги становится существенно нелинейной, она
даже перестает быть иерархической, а скорее напоминает спутанную
рыболовную сеть или порцию спагетти.
Для навигации по такой сети предусматривается простой способ: те
фрагменты документа, которые содержат переходы на другие его части
(или другие документы), каким-то образом выделены. Простое
интерфейсное действие на такой ссылке (нажатие клавиши
Enter или мышиный щелчок) “перебрасывает”
пользователя в другой информационный блок. Посмотрел и вернулся
обратно или, не возвращаясь, продолжил путешествие по новой
ссылке.
История вопроса
Возникновение гипертекста связывают с именем
Ванневара Буша (Vannevar Bush, 1890–1974), научным советником президента США
Ф. Д. Рузвельта.
В 1945 году в своей статье “Как мы можем думать”(“As
We May Think”) Ванневар Буш высказал идею машины для
просмотра и пополнения записями документов, записанных на плёнке.
Эта машина, получившая название Memex, никогда не была построена, но
она содержала идею, которую позже назвали гипертекстом.
Информация, считал Буш, должна храниться в виде плёночных
микрофильмов. Поэтому Memex имела устройство для чтения
и устройство для записи микрофильмов с помощью
процесса сухой фотографии. То есть Memex принципиально не была
цифровым компьютером.
Буш представлял машину в виде письменного стола с экранами для
отображения информации и клавиатурой для управления. Внутри стола
размещалось хранилище микрофильмов и механизм доступа к ним.
Однако главная особенность и новизна Memex состояла не в способах
хранения информации, а в способе доступа к ней. Буш предложил
механизм перекрёстных ссылок, аналогичный тому, который используется в современном
гипертексте. Ссылки Буш предлагал записывать во вспомогательных
полях в теле документа, а в качестве средства навигации
использовать нечто похожее на современный мультимедийный шлем.
Термин “гипертекст” был придуман Тедом Нельсоном (Theodor
Holm Nelson, 1937–) в 1962 году, а впервые опубликован в 1965
году в описаниях гипертекстовой системы для хранения и поиска текста,
названной Нельсоном системой Xanadu.
Фактически, система Xanadu явилась прообразом Web-пространства, но
сам Тед Нельсон отзывается отрицательно о Web и HTML, считая, что
работа Бернерс-Ли является сильно упрощенным вариантом его работы.
Первую работающую гипертекстовую систему (она называлась NLS от oN Line System)
продемонстрировал в 1968 году Дуг Энгельбарт (Doug Engelbart, 1925–).
В процессе разработки NLS Энгельбард сделал ряд выдающихся
технических изобретений. К их числу относятся: манипулятор мышь,
многооконный интерфейс, функциональная клавиатура,
контекстно-зависимые меню. Ниже на фото показана первая компьютерная
мышь.
В 1969 году американский учёный Чарльз
Гольдфарб (Charles F. Goldfarb) возглавил работу коллектива (в
который входили также Эдвард Мошер и Реймонд Лори) результатом работы
которого стал метаязык для разметки технической документации, названный
сначала GML (Generalized Markup Language — обобщённый язык
разметки), а впоследствии, в 1986
году — SGML (Standart Generalized Markup Language —
стандартный обобщённый язык разметки).
Слово “обобщённый” в названии означает, что сам SGML не
является готовым языком разметки текста, а представляет собой средство
для построения таких языков.
В 1989 году Тим Бернерс-Ли (Tim Berners-Lee
1955–), работая над внутренней сетью организации CERN
(Европейский совет по ядерным исследованиям в Женеве), предложил
глобальный гипертекстовый проект, ныне известный как Всемирная
паутина.
В начале 1990-х Тим Бернерс-Ли и его коллеги
создали язык HTML, взяв за основу метаязык SGML.
На HTML записываются современные гипертексты,
то есть такие документы, которые можно просматривать по
контексту. Переходы по ссылкам выполняются автоматически при помощи
браузера — программы для просмотра гипертекстов.
Гипертексты и браузеры
Без сомнений, вам уже приходилось видеть гипертекстовые странички со
ссылками в Интернете.
Вы знаете, что:
-
мышиный курсор на ссылке меняет свою форму и превращается в указующий
перст;
-
гипертекстовые ссылки выделяются среди других элементов текста, как
правило, цветом и подчёркиванием;
-
для перехода по ссылке необходимо щёлкнуть на ней мышкой;
-
для возврата можно использовать навигационную кнопку браузера Назад.
Если ссылки образуют длинную цепочку, то кнопки Назад и
Вперёд можно использовать для движения по пройденному ссылочному
пути в обе стороны. Они работают как традиционные операции “откатка”
и “накатка” в большинстве прикладных программ.
В следующем примере используется цепочка ссылок.
На первой странице расположена ссылка Продолжение истории:
Щёлкаем мышкой на этой ссылке и попадаем на вторую страницу с
аналогичной ссылкой:
Еще один щелчок — и перед нами третья страница:
Здесь ссылки уже нет. Мы можем закрыть окошко браузера или, используя
кнопку Назад на панели инструментов, снова пройтись по
просмотренным страничкам. На следующей иллюстрации показан результат перехода
на вторую страницу с третьей:
Коды просмотренных страниц располагаются в трёх разных файлах.
Всякий раз, когда пользователь щёлкает на ссылке, браузер загружает и
начинает выполнять записанную в файле HTML-программу. Файл может быть
считан браузером с жёсткого диска компьютера, на котором он работает,
или из любого места в Интернете.
Вы можете повторить опыт перемещения по ссылкам и по кнопкам
Вперед, Назад на следующем испытательном стенде.
Навигация по страницам документа
Вход в испытатель
Ссылки могут уводить не только в разные документы, но и показывать на
экране разные фрагменты одного и того же документа. Во втором случае
навигационные средства браузера работают так же как и в первом.
|
