Тег A

Браузер	Internet Explorer				Netтscape		Опера				Safari			Mozilla Firefox
Версия	5.5	6.0	7.0	8.0	8.0	9.0	7.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

Тег <A> является одним из важных элементов ШТМЛ и предназначен для разработки ссылок. В зависимости от присутствия параметров name или href тег <A> устанавливает ссылку или якорь. Якорем имеется ввиду закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри web-страницы.

Для разработки ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес объекта, на который следует сделать ссылку. В качестве значения параметра href используется адрес объекта (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени с нашего сайта или web-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего объекта или корня с нашего сайта.

Синтаксис

Параметры

href: Задает адрес объекта, на который следует перейти.
name: Устанавливает имя якоря внутри объекта.
target: Имя окна или фрейма, куда браузер будет загружать файл.
title: Добавляет всплывающую подсказку к контенту ссылки.

Закрывающий тег

Обязателен.

Пример 1. Использование тега <A>

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег А</title>
 </head>
 <body>
  
  <p><a href="images/xxx.jpg">Посмотрите на мою фотографию!</a></p>
  <p><a href="tip.ШТМЛ">Как сделать такое же фото?</a></p>
 
</body>
</html>

Описание параметров тега <A>

Параметр HREF

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

Задает адрес объекта, на который следует перейти. Поскольку в качестве адреса ссылки может использоваться файл любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут сохраняться на локальный диск. По умолчанию новый файл загружается в текущее окно браузера, однако это свойство можно изменить с помощью параметра target.

Синтаксис

Обязательный параметр

Обязателен для ссылок.

Аргументы

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию

Нет.

Пример 2. Использование параметра href

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег А, параметр href</title>
 </head>
 <body>
  
  <p><a href="knob.ШТМЛ">Относительная ссылка</a></p>
  <p><a href="http://www-html.ru/ШТМЛ/example/knob.ШТМЛ">Абсолютная ссылка</a></p>
 
 </body>
</html>

Параметр NAME

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

Параметр name используется для определения якоря внутри страницы. Вначале следует задать в соответствующем месте закладку и установить ее имя при помощи параметра name тега <А>. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике. Можно также делать ссылку на закладку, находящуюся в другой web-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавляем символ решетки # и имя закладки.

Между тегами <a name=...> и </a> контент писать не обязательно, так как требуется лишь указать местоположение перехода по ссылке.

Синтаксис

Обязательный параметр

Обязателен для якорей.

Аргументы

Любой контент с учетом регистра.

Значение по умолчанию

Нет.

Пример 3. Создание якоря с помощью параметра name

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег А, параметр name</title>
 </head>
 <body>

  <p><a name="top"></a></p>  
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy 
      nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
  
  <p><a href="#top">Наверх</a></p> 

 </body>
</html>

Параметр TARGET

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

По умолчанию, при переходе по ссылке файл открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено параметром target тега <А>. В XШТМЛ применение этого параметра запрещено.

Синтаксис

Обязательный параметр

Нет.

Аргументы

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

_blank: Загружает страницу в новое окно браузера.
_self: Загружает страницу в текущее окно.
_parent: Загружает страницу во фрейм-родитель, если фреймов нет, то этот параметр работает как _self.
_top: Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то этот параметр работает как _self.

Значение по умолчанию

_self

Пример 4. Открытие ссылки в новом окне

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег А, параметр target</title>
 </head>
 <body>
  <p><a href="new.ШТМЛ" target="_blank">Открыть в новом окне</a></p>
 </body>
</html>

Параметр TITLE

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

Добавляет поясняющий контент к ссылке в виде всплывающей подсказки. Такая подсказка отображается, когда курсор мыши задерживается на ссылке.

Синтаксис

Обязательный параметр

Нет.

Аргументы

Любая контентовая строка. Строка должна заключаться в двойные или одинарные кавычки.

Значение по умолчанию

Нет.

Пример 5. Создание всплывающей подсказки

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег А, параметр title</title>
 </head>
 <body>
  <p><a href="zoo.ШТМЛ" title="Рисунки различных животных и не только...">Рисунки</a></p>
 </body>
</html>