Элемент a

Модули 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 текущей папки в новом окне.