Модули Hypertext и Base
Для определения гиперссылок в документе HTML используются модуль Hypertext, содержащий элемент a.
Ссылка HTML имеет два конца и направление. Она начинается в источнике и указывает на адресата. Источник определяется по месту размещения определения ссылки, а адресат в этом определении задается в качестве атрибута.
Гиперссылка или «якорь» задаются с помощью контейнерного элемента a. Помимо общих атрибутов class, dir, id, lang, style и title, для этого элемента определены следующие основные атрибуты:
· name – имя элемента-закладки («якоря»);
· href – URL ссылки;
· target – режим загрузки либо имя фрейма или окна Web-браузера, куда будет загружена Web-страница, указанная в гиперссылке.
Атрибут name элемента a используются для именования ссылок (создания «якоря») в Web-странице, т.е. элемент a становится доступным для гиперссылки по значению атрибута name. Элемент a с атрибутом name в настоящее время практически не используется, т.к. любой элемент с заданным атрибутом id в Web-странице является доступным для гиперссылки по значению своего атрибута id.
|
|
Пример 4.3.79. Создание якоря для элемента:
<a name="Part_1_1"><h3>Раздел 1.1</h3></a> – задание элемента h3 с содержимым Раздел 1.1 для ссылки по имени Part_1_1. Аналогичный эффект имеет задание атрибута id в элементе h3:
<h3 id="Part_1_1">Раздел 1.1</h3>.
Атрибут href задает гиперссылку. При щелчке мышью по содержимому элемента a происходит переход к заданной гиперссылке.
В качестве гиперссылки могут быть заданы:
· Web-страница;
· изображения;
· программы или командные файлы;
· файлы других форматов.
Для Web-страниц можно задавать следующие виды гиперссылок:
· элемент, помеченный с помощью элемента a с атрибутом name, или элемент с заданным атрибутом id в той же Web-странице (перед именем ссылки должен быть задан символ "#");
· другая Web-страница;
· элемент, помеченный с помощью элемента a с атрибутом name, или элемент с заданным атрибутом id в другой Web-странице.
Пример 4.3.80. Задание гиперссылок на Web-страницы:
1. <a href="#Part_1_1">Раздел 1.1</a> – задание гиперссылки для раздела с «якорем» Part_1_1 в этой же Web-странице (такая ссылка может, например, использоваться в оглавлении Web-страницы).
2. <a href="Page-2.html">Раздел 2</a> – задание гиперссылки для Web-страницы Page_2.html.
3. <a href="Page-2.html#Part_2_2">Раздел 2.2</a> – задание гиперссылки для раздела с «якорем» Part_2_2 в Web-странице Page-2.html.
Если вместо текста в контейнере элемента a задать элемент img, то изображение будет служить гиперссылкой.
Пример 4.3.81. Использование изображения как гиперссылки:
<a href="nextPage.html">
<img src="images/nextPage.gif"/></a> – при щелчке мышью по изображению nextPage.gif будет открыта Web-страница nextPage.html.
|
|
Изображения в графических форматах, принятых в Web-страницах (GIF, JPEG и PNG) выводятся в отдельных Web-страницах. Отдельные Web-браузеры поддерживают и другие форматы (например, BMP или TIFF).
Пример 4.3.82. Задание гиперссылок на изображения:
1. <a href="https://www.mysite.com/images/image001.gif">
image001</a> – задание гиперссылки на изображение image001.gif в каталоге images сайта www.mysite.com.
2. <a href="planetsImages/Earth.png">Земля</a> – задание гиперссылки на изображение Earth.png в папке planetsImages текущей папки локального компьютера.
Если гиперссылка является программой (файлом с расширением.exe или.com) или командным файлом (файлом с расширением.bat), то разные Web-браузеры обрабатывают эту гиперссылку по-разному.
Так, Web-браузере Internet Explorer и Opera предлагают сохранить или запустить файл, на который указывает гиперссылка. Если нажата кнопка "Сохранить", задается папка, куда сохраняется файл и затем выполняется копирование файла в эту папку. Если нажата кнопка "Выполнить" ("Открыть"), программа будет запущена, а командный файл будет выполнен в открывшемся окне командной строки.
В Web-браузере Firefox предлагается только сохранить файл программы в заданной папке (затем его можно запустить в автономном режиме), а для командного файла выводится его содержимое.
Web-браузер Safari открывает с помощью Проводника папку, где находится программа или командный файл, т.е. их также можно запустить в автономном режиме.
Пример 4.3.83. Задание гиперссылок для программ и командных файлов:
1. <a href="https://www.mysite.com/progs/prog1.exe"> – выполнить или сохранить на локальном компьютере программу prog1.exe в каталоге progs сайта www.mysite.com.
2. <a href="testDir.bat"> – выполнить командный файл testDir.bat в текущей папке локального компьютера.
По отношению к файлам других форматов у большинства Web-браузеров принята следующая последовательность действий (алгоритм):
1. Сначала ищется встроенная программа поддержки (plug-in) для данного формата. Если plug-in найден, она запускается и выводит файл на экран.
2. Если программа plug-in не найдена, проверяется, установлена ли на компьютере программа, обрабатывающая файлы данного формата. Если такая программа найдена, она запускается и выводит файл на экран.
3. Если программа не найдена, содержимое файла выводится в текстовом виде.
В Web-браузере Opera реализуется тот же алгоритм, за исключением шага 2, а в Web-браузере Safari вызывается Проводник, в котором открывается та папка, где находится заданный в гиперссылке файл.
По отношению к архивным файлам (например, с расширениями.zip или.rar) Web-браузеры ведут себя так же, как к файлам программ.
Во всех Web-браузерах поддерживаются:
· основные текстовые форматы:
o простой текстовый формат (расширение.txt) – с помощью собственной программы просмотра текста;
o формат Word (расширение.doc) – с помощью текстового процессора Word;
o формат PDF (расширение.pdf) – с помощью программы Adobe Reader.
· формат флэш-анимации – с помощью программы Adobe Flash Player (расширение.swf);
· основные звуковые форматы и форматы видео, например, с помощью программы QuickTime Player фирмы Apple.
Пример 4.3.84. Задание гиперссылок для файлов различных форматов:
1. <a href="https://www.mysite.com/docs/intro.doc"> – открыть файл Word intro.doc в каталоге docs сайта www.mysite.com.
2. <a href="video/myVideo.mpeg"> – открыть видеофайл myVideo.mpeg в папке video текущей папки локального компьютера.
По умолчанию, Web-страница или файл, полученный с помощью гиперссылки, открывается в том же окне, что и Web-страница, содержащая гиперссылку. Исключением являются документы Word, которые всегда открываются в новом окне. Если необходимо открыть Web-страницу или файл в новом окне (в Internet Explorer и Safari) или новой вкладке (в Firefox и Opera), в элементе a задается атрибут target со значением "_blank". Другие допустимые значения атрибута будут target рассмотрены при описании модуля Frames (см. 4.3.24.5).
|
|
Пример 4.3.85. Открытие нового окна или вкладки для гиперссылки:
1. <a href="newPage.html" target="_blank">
Открыть в новом окне</a> – открыть Web-страницу newPage.html текущей папки в новом окне.