Описание тега гипертекстовой ссылки

Якорь (аnchor) позволяет устанавливать связь с любыми ресурсами во Всемирной Сети: другую страницу HTML, изображение, звуковой файл, видеоклип, и т.д.

Синтаксис тега гипертекстовой ссылки:

< a href=" url" > текст ссылки< /a>

При помощи атрибута href передается адрес документа, на который указывает ссылка.

< a href=" http: //www.intuit.ru/" > Добро пожаловать в ИНТУИТ! < /a>

Такой же синтаксис используется для перехода во вложенную папку, например в папку " Помощь" на сайте Интернет-Университета Информационных Технологий используется код:

< a href=" http: //www.intuit.ru/help/" > Страница помощи на сайте ИНТУИТ! < /a>

Всегда добавляйте завершающую косую черту к ссылкам на вложенные папки. Если ссылка имеет следующий вид: href=" http: //www.intuit.ru/help", то будет создано два запроса HTTP к серверу, так как сервер добавит косую черту к адресу и создаст новый запрос следующего вида: href=" http: //www.intuit.ru/help/". При этом вызове обращение обычно происходит к странице index.htm внутри папки help или к другому файлу – это зависит от настроек web-сервера.

С помощью данного атрибута можно задавать ссылки не только по протоколу HTTP, но и по другим:

• http: //... - создает ссылку на www-документ;
• ftp: //... - создает ссылку на ftp-сайт или расположенный на нем файл;
• mailto:... - запускает почтовую программу-клиент с заполненным полем имени получателя. Если после адреса поставить знак вопроса, то можно указать дополнительные атрибуты, разделенные знаком " & ";
• news:.. - создает ссылку на конференцию сервера новостей;
• telnet: //... - создает ссылку на telnet-сессию с удаленной машиной;
• wais: //... - создает ссылку на WAIS - сервер;
• gopher: //... - создает ссылку на Gopher - сервер;

С помощью атрибута target можно определить, где будет открыт документ, на который указывает ссылка. В качестве значения необходимо задать либо имя одного из существующих фреймов, либо одно из следующих зарезервированных имен:

• _self - указывает, что определенный в параметре href документ должен отображаться в текущем фрейме;
• _parent - указывает, что документ должен отображаться во фрейме-родителе текущего фрейма. Иначе говоря, _parent ссылается на окно, содержащее frameset, включающий текущий фрейм;
• _top - указывает, что документ должен отображаться в окне-родителе всей текущей фрэймовой структуры;
• _blank - указывает, что документ должен отображаться в новом окне.

< html> < body> < a href=" http: //www.intuit.ru/" target=" _blank" > Добро пожаловать в ИНТУИТ! < /a> < a href=" http: //www.intuit.ru/" target=" _parent" > Добро пожаловать в ИНТУИТ! < /a> < a href=" http: //www.intuit.ru/" target=" _top" > Добро пожаловать в ИНТУИТ! < /a> < a href=" http: //www.intuit.ru/" target=" _self" > Добро пожаловать в ИНТУИТ! < /a> < /body> < /html>

Пример выполнения данного HTML-кода

Для перехода внутри страницы к конкретному разделу используют атрибут name тега гипертекстовой ссылки a, при помощи которого создается именованный якорь.

< a name=" label" > ссылка на именованный якорь< /a>

В данном примере внутри документа создается своеобразная метка, при этом именованный якорь никак не отображается в окне браузера.

Для перехода на место, которое отмечено именованным якорем используется знак # и имя якоря в конце URL следующим образом:

< a href=" page1.html#label" > переход на именованный якорь < /a>

Переход внутри файла " page1.html" на именованный якорь выглядит следующим образом:

< a href=" #label" > переход на именованный якорь < /a>

Если браузер не сможет найти указанный именованный якорь на вызываемой странице, то переход произойдет на начало документа, при этом сообщения об ошибке доступа не возникает.

Дополнительные примеры

Открытие ссылки в новом окне браузера

Этот пример показывает, как открыть ссылку на другую страницу в новом окне, чтобы посетителю не нужно было покидать ваш Web-сайт.

< html> < body> < a href=" lastpage.htm" target=" _blank" > Последняя страница< /a> < p> Если задать атрибут target ссылки как " _blank", то ссылка будет открыта в новом окне.< /p> < /body> < /html>

Пример выполнения данного HTML-кода

12345678910Следующая ⇒

Поделиться: