2.10. Гиперссылки и метки
Существует несколько видов гиперссылок.Для создания текстовой гиперссылки достаточно часть текста поместить внутрь элемента A:
<A href="index.htm"> На главную страницу </A>
Такие гиперссылки помещают на страницах сайта, чтобы пользователь мог вернуться к началу сайта. Атрибут href указывает на адрес перехода.
Некоторые гиперссылки позволяют выполнять переход на другие сайты. В этом случае адрес перехода должен начинаться с указания протокола связи http. Например, гиперссылка, ведущая на сайт фирмы Netscape, выглядит так:
<A href="http://www.netscape.com"> Netscape </A>
С помощью гиперссылки можно указать «почтовый ящик». В этом случае пользователю будет достаточно щелкнуть такую ссылку, чтобы запустилась его почтовая программа. Например, для адреса aaaa@bbbb.ru гиперссылка должна быть такой:
<A href="mailto:aaaa@bbbb.ru"> Почта </A>
Гиперссылка может включать не только текст, но и рисунок. Таким способом создаются меню (наборы кнопок) на страницах сайтов. Например, если меню должно включать команду «На главную» (переход на главную страницу сайта), то можно создать рисунок с надписью и сделать на его основе гиперссылку. Если файл с изображением кнопки размером 120x20 пикселов имеет имя knopka1.gif, то гиперссылка будет сделана по принципу «матрешки»:
<A href="index.htm">
<IMG src="knpoka1.gif" width="120" height="20" alt=" На главную страницу"
border="0">
</A>
В данном коде обязательно использование атрибута border="0", чтобы кнопка не была окружена рамкой.
Гиперссылки используются и для указания файлов, которые пользователь может загрузить на свой компьютер. В этом случае на компьютере пользователя может быть автоматически запущена соответствующая программа для открытия (или воспроизведения) файла, или пользователь получит возможность сохранить файл на своем диске для последующего использования. Очень часто таким способом распространяются архивы ZIP и RAR. Для примера можно привести такой шаблон кода:
<NOBR>Архив можно загрузить отсюда:
<A href="archive.zip"> archive.zip </A> (400К)</NOBR>
После щелчка на гиперссылке открывается окно для сохранения файла. В тексте гиперссылки в этом случае можно указать имя файла, чтобы дать пользователю необходимую информацию. Полезно так же указывать размер архива, чтобы пользователь знал, сколько продлится скачивание.
Если необходимо воспроизвести звук в формате WAV (звуковой файл Windows) после щелчка пользователя, можно создать такую гиперссылку:
<A href="имя_файла.wav"> Звук </A>
По аналогии можно создать ссылку на видеоролик формата AVI. При наличии соответствующего кодека он будет воспроизведен.
<A href="имя_файла.avi"> Видео </A>
Гиперссылки можно создавать и для других известных типов файлов:
doc — документы Word (желательно использовать формат Word 6 или Word 97);
pdf — формат документов Acrobat Reader;
jpg — графический формат для фотографий;
mp3 — популярный звуковой формат.
При правильной настройке операционной системы пользователя файлы этих типов воспроизводятся автоматически: первые три типа демонстрируются в окне броузера, а файлы MP3 воспроизводит программа-плеер.
Если ссылка указывает на рисунок, который находится на локальном диске, она обязательно должна начинаться со слова "file", то есть содержать указание на протокол:
href="file://Диск:\путь_к_файлу"
или
href="file:///Диск:/путь_к_файлу"
По умолчанию используется ссылка на файлы текущей папки (той, где расположен файл Web-страницы). В этом случае просто указывается имя файла.
Часто используются относительные ссылки на папки: это позволяет легко менять местоположение комплекса страниц на диске. Если в текущей папке есть другая, в которой размещены необходимые файлы, ссылка строится по такому шаблону:
href="./папка/файл.тип"
или
href="папка/файл.тип"
Здесь на структуру вложенных папок указывает точка перед наклонной чертой. Если необходимо указать папку, которая находится на том же уровне вложения, что и текущая, то добавляют еще одну точку:
href="../папка/файл.тип"
Для элемента A предусмотрены различные дополнительные атрибуты. Атрибут hreflang, по аналогии с атрибутом lang, позволяет указать язык, который используется на адресуемой странице.
В структуру гиперссылок заложена возможность создания сложных текстовых документов, доступных через Интернет. Предполагается, что такие документы будут состоять из многих HTML-страниц с перекрестными ссылками. Для того чтобы пользователь мог эффективно управлять документом, броузер должен оптимизировать работу с отдельными страницами, например, загружать страницы, которые могут понадобиться пользователю, в фоновом режиме. Для этого необходимо снабдить страницы информацией о назначении ссылок.
Для решения этой задачи гиперссылки подразделяются на прямые (forward) и обратные (reverse). Ссылка, вызывающая переход с текущей страницы, является прямой. Соответственно, при помощи броузера или другой ссылки может быть выполнен и обратный переход. Для определения более точного типа ссылки используются два атрибута (один для прямых, другой — для обратных ссылок).
rel="тип_прямой_ссылки"
rev="тип_обратной_ссылки"
Определены следующие стандартные типы ссылок:
alternate — другая версия документа;
stylesheet — таблица стилей в виде отдельного файла;
start — первая страница в структуре документа;
next — следующая (в смысле выполнения переходов) страница;
prev — предыдущая (в смысле выполнения переходов) страница;
contents — страница, на которой находится содержание всего документа;
index — страница, на которой находится алфавитный указатель;
glossary — страница, на которой находится словарь (терминов);
copyright — информация об авторских правах на документ;
chapter — признак главы документа;
section — признак раздела документа;
subsection — признак подраздела документа;
appendix — признак приложения документа;
help — справочные данные документа;
bookmark — закладка внутри документа.
Если ссылка должна открывать Web-страницу в отдельном окне, элемент A снабжается атрибутом target=_blank.
Если существует подозрение, что Web-страница может быть открыта не в полноценном окне, а, например, внутри фрейма, элемент A снабжается атрибутом target=_top.
Элемент A позволяет использовать и стандартные атрибуты: id, class, lang, dir, tabindex, title, type, style, атрибуты событий.
HTML-документ может быть достаточно большим, и в этом случае пользователю должна быть предоставлена возможность быстро переместиться к нужному разделу документа. Для этого можно использовать механизм гиперссылок. Необходимо, также, в нужных местах текста расставить соответствующие метки (невидимые). Шаблон для создания меток:
<A name="имя_метки">
Метку целесообразно помещать перед заголовком, рисунком, таблицей, текстовым абзацем, формой. В этом случае данной строке документа присваивается имя, и, следовательно, в другой части документа или даже на другом документе может быть создана гиперссылка, приводящая в эту точку.
Для перехода к метке в пределах Web-страницы можно использовать следующую конструкцию:
<A href="#имя_метки"> Текст ссылки </A>
При использовании в ссылке полного адреса к URL добавляется символ двойного крестика и имя метки:
<A href="http://сетевой_адрес/имя_файла.html#имя_метки">
Текст ссылки </A>
Имена меток должны быть уникальными в пределах одной Web-страницы и не должны совпадать с именами HTML-файлов, на которые установлены ссылки.
Использование в качестве метки атрибута id
Существует альтернативный способ расстановки меток — с использованием тегов элементов внутри секции BODY. В этом случае в стартовый тег добавляется атрибут:id="имя_метки"
Использование этих меток ничем не отличается от использования меток A. Переход по ссылке осуществляется так, чтобы помеченный элемент был виден у верхнего края области просмотра. Ссылки на эти метки записываются обычным образом.
<LINK>
В отличие от атрибута A, который используется в тексте страницы, элемент LINK используется внутри элемента HEAD.В данном примере элемент LINK используется для указания, какие страницы броузер должен загружать в фоновом режиме (возможные значения для атрибута rel приведены выше):
<HEAD>
<TITLE>Глава 1электронной книги</TITLE>
<LINK rel="prev" href="intro.htm">
<LINK rel="next" href="chapter2.htm">
<LINK rel="index" href="index1.htm">
</HEAD>
Элемент LINK не создает гиперссылок в тексте страницы, поэтому для определения объекта, на котором можно щелкнуть мышью, необходимо использовать элемент A с атрибутом href, который имеет такое же значение, как и в соответствующем элементе LINK.
Другие атрибуты: charset, href, hreflang, id, class, lang, dir, media, rel, rev, style, target, title, type, атрибуты событий.
Для подключения к текущей Web-страницы файла со стилевыми параметрами, используется следующая конструкция:
<LINK rel="stylesheet" type="text/css" href="имя_файла.css">
Для задания нестандартной иконки Web-страницы используется следующая ссылка:
<LINK rel="SHORTCUT ICON" href="имя_файла.ico">
© TEKCT.RU, А. Гончаров, 2007-2022
|
|