A
Тег A
| Браузер | Internet Explorer | Netscape | Opera | Safari | Mozilla | Firefox | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Версия | 5.5 | 6.0 | 7.0 | 6.0 | 7.0 | 8.0 | 7.0 | 8.0 | 9.0 | 1.0 | 1.7 | 1.0 | 2.0 |
| Поддерживается | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да |
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Тег <A> является одним из важных элементов
HTML и предназначен для создания ссылок. В зависимости от присутствия параметров
name или href тег
<A> устанавливает ссылку или якорь. Якорем называется
закладка внутри страницы, которую можно указать в качестве цели ссылки. При
использовании ссылки, которая указывает на якорь, происходит переход к закладке
внутри веб-страницы.
Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а
также указать адрес документа, на который следует сделать ссылку. В качестве
значения параметра href используется адрес документа
(URL, Universal Resource Locator, универсальный указатель ресурсов), на который
происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные
адреса работают везде и всюду независимо от имени сайта или веб-страницы, где
прописана ссылка. Относительные ссылки, как следует из их названия, построены
относительно текущего документа или корня сайта.
Синтаксис
<a name="идентификатор">…</a>
Параметры
- href
- Задает адрес документа, на который следует перейти.
- name
- Устанавливает имя якоря внутри документа.
- target
- Имя окна или фрейма, куда браузер будет загружать документ.
- title
- Добавляет всплывающую подсказку к тексту ссылки.
Закрывающий тег
Обязателен.
Пример 1. Использование тега <A>
<!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=windows-1251">
<title>Тег А</title>
</head>
<body>
<p><a href="images/xxx.jpg">Посмотрите на мою фотографию!</a></p>
<p><a href="tip.html">Как сделать такое же фото?</a></p>
</body>
</html>
Описание параметров тега <A>
Параметр HREF
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Задает адрес документа, на который следует перейти. Поскольку в качестве адреса
ссылки может использоваться документ любого типа, то результат перехода по ссылке
зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут
сохраняться на локальный диск. По умолчанию новый документ загружается в текущее
окно браузера, однако это свойство можно изменить с помощью параметра target.
Синтаксис
Обязательный параметр
Обязателен для ссылок.
Аргументы
В качестве значения принимается полный или относительный путь к файлу.
Значение по умолчанию
Нет.
Пример 2. Использование параметра href
<!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=windows-1251">
<title>Тег А, параметр href</title>
</head>
<body>
<p><a href="../wormik/knob.html">Относительная
ссылка</a></p>
<p><a href="http://www.htmlbook.ru/wormik/knob.html">Абсолютная
ссылка</a></p>
</body>
</html>
Параметр NAME
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Параметр name используется для определения якоря
внутри страницы. Вначале следует задать в соответствующем месте закладку и установить
ее имя при помощи параметра name тега <А>.
Имя ссылки на закладку начинается символом #, после
чего идет название закладки. Название выбирается любое, соответствующее тематике.
Можно также делать ссылку на закладку, находящуюся в другой веб-странице и даже
другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце
добавить символ решетки # и имя закладки.
Между тегами <a name=…> и </a>
текст писать не обязательно, так как требуется лишь указать местоположение перехода
по ссылке.
Синтаксис
<a name="закладка">…</a>
Обязательный параметр
Обязателен для якорей.
Аргументы
Любой текст с учетом регистра.
Значение по умолчанию
Нет.
Пример 3. Создание якоря с помощью параметра name
<!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=windows-1251">
<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
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
По умолчанию, при переходе по ссылке документ открывается в текущем окне или
фрейме. При необходимости, это условие может быть изменено параметром target
тега <А>. В XHTML применение этого параметра запрещено.
Синтаксис
<a target="имя окна">…</a>
Обязательный параметр
Нет.
Аргументы
В качестве аргумента используется имя окна или фрейма, заданное параметром
name. Если установлено несуществующее имя, то будет
открыто новое окно. В качестве зарезервированных имен используются следующие.
- _blank
- Загружает страницу в новое окно браузера.
- _self
- Загружает страницу в текущее окно.
- _parent
- Загружает страницу во фрейм-родитель, если фреймов нет, то этот параметр
работает как _self. - _top
- Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов
нет, то этот параметр работает как _self.
Значение по умолчанию
_self
Пример 4. Открытие ссылки в новом окне
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег А, параметр target</title>
</head>
<body>
<p><a href="new.html" target="_blank">Открыть
в новом окне</a></p>
</body>
</html>
Параметр TITLE
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Добавляет поясняющий текст к ссылке в виде всплывающей подсказки. Такая подсказка
отображается, когда курсор мыши задерживается на ссылке.
Синтаксис
<a title="текст">…</a>
Обязательный параметр
Нет.
Аргументы
Любая текстовая строка. Строка должна заключаться в двойные или одинарные
кавычки.
Значение по умолчанию
Нет.
Пример 5. Создание всплывающей подсказки
<!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=windows-1251">
<title>Тег А, параметр title</title>
</head>
<body>
<p><a href="zoo.html" title="Рисунки
различных животных и не только…">Рисунки</a></p>
</body>
</html>