среда, 27 июня 2012 г.

Навигация между HTML-документами и в пределах документа

Навигация между документами

Гиперссылки обеспечивают переход к другим документам (файл любого формата, который может находиться как в сети Интернет, так и на локальном компьютере) или местам в текущем документе.
Для создания гиперссылки используется парный тег <a></a>. В зависимости от назначения, в открывающемся теге присутствует один из обязательных атрибутов.
Наиболее распространённым вариантом является ссылка на другой документ, в таком случае используется атрибут href, которому присваивается URL адрес.
Под URL (Uniform Resource Locator), подразумевается адрес, который однозначно указывает, на что производится переход. Так как он представляет собой текстовую строку, URL обязательно приводится в кавычках. Все, что располагается между открывающим и закрывающим тегом будет выводимой на экран гиперссылкой.
Адрес может быть двух видов: абсолютным и относительным.
Абсолютный адрес должен состоять из нескольких обязательных частей, которые можно обозначить схематично: 
 method://ServerName[:port]/PathName#anchor 
Разберем отдельные части адреса.
method: – метод или протокол, который будет использован для доступа к данному URL. Наиболее распространены:

  • http: – доступ к WEB-странице с использованием HTTP-протокола. 
  • ftp: – обращение к файлу, расположенному на FTP-сервере (File Transfer Protocol) в Интернете. 
  • mailto: – отправка сообщения электронной почты по адресу, указанному после двоеточия. Непосредственно отправки не может быть по соображениям безопасности. Фактически происходит запуск почтового клиента и создание письма с указанным адресом. 
  • telnet: – обращение к службе telnet. 
  • news: – вызов службы новостей, если браузер ее поддерживает. 
  • file:/// – открытие файла на локальном диске. Обратите внимание, что вместо двух используется три слеша! 

ServerName – необязательный параметр, описывающий полное сетевое имя машины. При его отсутствии адрес рассматривается как локальный. Вместо имени допускается указывать IP-адрес.
:port – необязательный параметр номера TCP-порта WEB-сервера. Квадратные скобки не ставятся! (По умолчанию используется порт 80.)
pathname – частичный или полный путь к документу в файловой системе.
#anchor – обращение к конкретному месту (метке) документа. (Подробнее см. ниже)

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

В первом случае, в области заголовка (HEAD) документа приводится тег BASE, относительно которого и будут просчитываться все ссылки. Например: 
<BASE href="http://www.microsoft.com/">
Теперь все ссылки, не имеющие в адресе "http://", будут искаться на сервере www.microsoft.com. 

Во втором случае, размещение по умолчанию оценивается относительно текущего документа. Для того, чтобы сделать ссылку на файл в текущей папке (Файл⇒FileName), потребуется создать ссылку вида:
<A HREF="FileName">Текст ссылки</A> 
, где FileName – имя файла с расширением, но без каких бы то ни было данных о пути доступа к нему. 

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

Кроме ссылок на другие документы, нередко бывает полезно создавать ссылки на разные части текущего документа. В качестве классического примера можно привести содержание, которое можно быстро просмотреть, в отличие от длинного документа.
Чтобы такая ссылка заработала, нужно в точке назначения создать метку (её еще называют маркером, указателем или якорем [от английского anchor]). Для этого используют все тот же тег гиперссылки, но с атрибутом NAME.
Чтобы попасть в это место, достаточно создать гиперссылку c атрибутом href и присвоить ему имя указателя через символ #.

Атрибуты:
accesskey - активация ссылки с помощью комбинации клавиш
charset - указывает кодировку текста, на который ведет ссылка
coords - устанавливает координаты активной области
href - задает адрес документа, на который следует перейти
hreflang - идентифицирует язык текста по ссылке
media - указывает тип носителя документа, на который ведёт ссылка
name - устанавливает имя якоря внутри документа
rel - отношения между ссылаемым и текущим документами
rev - отношения между текущим и ссылаемым документами
shape - задает форму активной области ссылки для изображений
tabindex - определяет последовательность перехода между ссылками при нажатии на кнопку target - имя окна или фрейма, куда браузер будет загружать документ
title - добавляет всплывающую подсказку к тексту ссылки 
type - указывает MIME-тип документа, на который ведёт ссылка, также для этого тега доступны универсальные атрибуты и события.