| Справочник HTML
HTML-элемент <a> определяет гиперссылку для перехода на определённое место на странице или на другую страницу в Интернете. Он также может быть использован для создания якоря — это место назначения для гиперссылок внутри страницы.
Для создания гиперссылки браузеру необходимо сообщить, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа, на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всегда независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки построены относительно текущего документа или корня сайта.
Синтаксис
<a href="адрес">имя ссылки</a>
Различия между HTML 4.01 и HTML5
В HTML 4.01 элемент <a> может быть либо гиперссылкой либо якорем. В HTML5 элемент <a> всегда является гиперссылкой. Если для элемента href
, он становится вго лишь заполнителем для гиперссылки.
HTML5 имеет несколько новых атрибутов, и некоторые атрибуты HTML 4.01 больше не поддерживается.
Атрибуты
- download HTML5
- Сообщает о том, что эта ссылка должна быть использована для скачивания файла, и, когда пользователь нажимает на ссылку, ему будет предложено сохранить файл как локальный.
- href
- Единственный обязательный атрибут для указания адреса ссылки в HTML4, но больше необязательный в HTML5. Упущение этого атрибута создаёт ссылку-заполнитель. Атрибут
href
указывает ссылку: либо URL, либо якорь. Якорь — это название после знака диез#
, который указывает на элемент (ID) на текущей странице. - hreflang
- Идентифицирует язык текста по ссылке. Это чисто контрольная информация.
- media HTML5
- Используется для указания того, что целевой URL предназначен для специальных устройств (например, iPhone), речевых браузеров или печатных устройств.
- ping HTML5
- Этот атрибут уведомляет указанные в нём URL, что пользователь перешёл по ссылке.
- rel
- Для ссылок, которые содержат атрибут
href
, этот атрибут устанавливает отношения между ссылками. Значением по умолчанию являетсяvoid
, если не задано иное. - target
- Определяет, где показать содержимое по ссылке. В HTML4, это название и ключевое слово фрейма. В HTML5, это название или ключевое слово в браузере (например, вкладка, окно или iframe).
- type
- Определяет MIME-тип для документа по ссылке. Обычно используется как контрольная информация.
Устаревшие
- charset Устарел в HTML5
- Определяет кодировку документа по ссылке. Значением является разделённый пробелами или запятыми список кодировок. Значением по умолчанию является ISO-8859-1.
- coords HTML 4 Устарел в HTML5
- Использует разделённый запятыми список чисел для определения координат объекта на странице.
- name HTML 4 Устарел в HTML5
- Устанавливает имя якоря внутри документа. Значение имени должно быть идентичным со значением уникального идентификатора
id
якоря. - rev HTML 4 Устарел в HTML5
- Отношения между ссылаемым и текущим документами.
- shape HTML 4 Устарел в HTML5
- Задаёт форму активной области ссылки для изображений.
Также для этого элемента доступны глобальные атрибуты и события.
Спецификации
Попробуйте сами — Примеры
Как создать гиперссылку:
Создание гиперссылки
Создание ссылки на адрес электронной почты (работает только если установлен почтовый клиент):
Как создать ссылку, открывающую страницу в новом окне браузера:
Открывание ссылки в новом окне браузера
Как создать ссылку, открывающую страницу в новом окне с именем _window:
Открывание ссылки в окне с именем _window
Как создать ссылку на закладку из другой веб-страницы:
Ссылка на закладку
Использование изображения в качестве ссылки:
Изображение-ссылка
Как создать ссылку, открывающую страницу в окне встроенного фрейма:
Открывание ссылки в окне встроенного фрейма
Учебник HTML
HTML уроки: HTML Ссылки
Учебник HTML — Тег
ОписаниеТег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег <a> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри страницы.
Для создания ссылки необходимо сообщить браузеру, что является ссылкой. В качестве значения параметра href используется адрес документа (URL), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.
Синтаксис
<a href=URL>…</a> <a name=идентификатор>…</a> |
Закрывающий тег
Обязателен.
Параметры
href — задает адрес документа, на который следует перейти.
name — устанавливает имя якоря внутри документа.
target — имя окна или фрейма, куда браузер будет загружать документ.
Пример
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»> <head> <title> Тег <a> </title> </head> <html> <body> <a href=http://htmlbook.name/img/dog1.jpg>Посмотрите на фотографию моей собаки</a><br> <a href=http://htmlbook.name/index/lesson_6/0-16>Так же это фото есть на этой странице</a> </body> </html> |
Попробуйте сами »
Описание параметров тега <a>
Параметр HREF
Описание
Задает адрес документа, на который следует перейти. Поскольку в качестве адреса ссылки может использоваться документ любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут сохраняться на локальный диск. По умолчанию новый документ загружается в текущее окно браузера, однако это свойство можно изменить с помощью параметра target.
Синтаксис
Обязательный параметр
Да.
Аргументы
В качестве значения принимается полный или относительный путь к файлу.
Значение по умолчанию
Нет.
Пример<html> <body> <a href=/img/dog1.jpg>Относительная ссылка</a> <a href=http://htmlbook.name/img/dog1.jpg>Абсолютная ссылка</a><br> </body> </html> |
ПараметрNAME
Описание
Параметр name используется для определения закладки внутри страницы. Вначале следует задать в соответствующем месте закладку и установить ее имя при помощи параметра name тега <a>. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике. Можно также делать ссылку на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавить символ решетки # и имя закладки.
Между тегами <a name=…> и </a> текст писать не обязательно, так как требуется лишь указать местоположение перехода по ссылке.
Синтаксис
<a name=закладка>…</a>
Аргументы
Любой текст с учетом регистра.
Значение по умолчанию
Нет
Пример
<html> <body> <a name=top></a> Praesent auctor erat at lorem convallis sit amet rhoncus orci convallis. <a href=#top>Наверх</a> </body> |
Параметр TARGET
Описание
По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено параметром target тега <a>.
Синтаксис
<a target=имя окна>…</a>
Аргументы
В качестве аргумента используется имя окна или фрейма, заданное параметром name. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.
_blank — загружает страницу в новое окно браузера.
_self — загружает страницу в текущее окно.
_parent — загружает страницу во фрейм-родитель, если фреймов нет, то этот параметр работает как _self.
_top — отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то этот параметр работает как _self.
Значение по умолчанию
_self
Пример
<html> <body> <a href=http://htmlbook.name/index/uchebnik_css/0-5 target=_blank>Открыть в новом окне</a> </body> |
seodon.ru | Теги HTML — Тег A
Опубликовано: 25.06.2010 Последняя правка: 10.12.2015
Тег <A> используется для создания ссылок и якорей («анкоров») в HTML-документе.
Ссылка — предназначена для перехода на другой документ (страница сайта, изображение, аудио-файл и т.д.) или к определенному месту (якорю) в текущем документе или документе открываемом по ссылке. Для установки ссылки используется атрибут href с определенным значением
Якорь («анкор») — предназначен для установки закладки в определенном месте веб-страницы, для последующего перехода к ней по ссылке. Причем, якорь может быть как внутри текущей, так и внутри другой, открываемой по ссылке на якорь, страницы. Для установки якоря используется атрибут name с именем якоря. Также, в качестве якоря можно использовать любой тег имеющий атрибут id, в том числе и тег <A>.
Ссылки могут быть относительными и абсолютными. Относительные ссылки — ссылки относительно текущей страницы или корня сайта (используют относительные URL). Работают только в пределах текущего сайта. Абсолютные ссылки — включают URL с полным адресом документа и действуют везде, где указана ссылка: на любом сайте, на локальном компьютере.
Атрибуты
Личные атрибуты:
- href — Обязателен для ссылок. Указывает адрес документа или якоря на который будет переход по ссылке.
- name — Обязателен для якорей. Задает имя якоря.
- rel — Описывает прямую связь между текущим документом и документом открываемым по ссылке.
- rev — Описывает обратную связь между текущим документом и документом открываемым по ссылке.
- target — Задает имя окна или фрейма, в котором будет открыт документ.
Общие атрибуты:
- accesskey — устанавливает клавишу быстрого доступа для фокусировки на элементе.
- class — задает имя класса или классов HTML-тега, используемых в CSS (Каскадные таблицы стилей).
- dir — указывает направление текста внутри элемента.
- id — задает имя идентификатора тега, который может использоваться в качестве «якоря» или в таблицах стилей.
- lang — указывает язык, на котором написан текст внутри HTML-элемента.
- style — необходим для применения встроенных стилей CSS к элементу.
- tabindex — устанавливает порядок табуляции между элементами (клавиша Tab).
- title — выводит всплывающую подсказку при наведении курсора мыши на элемент.
Тип тега
Назначение: ссылки.
Модель тега: inline (встроенный, уровня строки).
Может содержать: inline-теги, обычный текст и спецсимволы HTML (мнемоники).
Не может содержать: другие теги <A> на любом уровне вложенности.
Открывающий тег: необходим. Закрывающий тег: необходим.
Синтаксис
<a href="URL">...текст или ссылка на изображение...</a> <!-- Ссылка -->
<a name="имя якоря">...необязательный текст...</a> <!-- Якорь -->
Пример HTML: применение тега 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=utf-8">
<title>seodon.ru - Применение тега A</title>
</head>
<body>
<p><a name="top"></a></p><!--Якорь-->
<p><a href="http://seodon.ru">Абсолютная ссылка</a></p>
<p><a href="files/hello.html"><img src="images/hello.png" alt="Ссылка относительно текущей страницы"></a></p>
<p><a href="/html/primer/files/hello.html">Ссылка относительно корня сайта</a></p>
<p><a href="#top">Ссылка на якорь</a></p>
</body>
</html>
Результат примера
Поддержка версиями HTML
Версия: | HTML 4.01 | HTML 5 | XHTML 1.0 | XHTML 1.1 |
Поддержка: | Да | Да | Да | Да |
Поддержка браузерами
Браузер: | Internet Explorer | Google Chrome | Opera | Safari | |
Версия: | 6.0 и выше | 2.0 и выше | 2.0 и выше | 9.2 и выше | 3.1 и выше |
Поддержка: | Да | Да | Да | Да | Да |
Тег — Справочник html
Общая информация
<a> — является одним из основных тегов HTML, предназначенный для создания гиперссылок.
Тег устанавливает ссылку на какой-либо объект: на другой сайт, на другую страницу, на строку этой же страницы (якорь). Это зависит от используемых атрибутов (href, name).
Заданные адреса ссылок бывают относительными и абсолютными.
В абсолютном адресе задается полный путь к странице, который будет работать везде. Относительный адрес будет вести по адресу относительно того, где находится пользователь в данный момент.
Синтаксис
- <a href=»url»>текст</a>
- <a href=»url#идентификатор»>текст</a>
- <a name=»идентификатор»>
Закрывающий тег обязателен.
Атрибуты
- href — указывает адрес документа
- name — задается имя якоря внутри html-документа
- target — в каком окне будет открыт html-документ
- title — при наведении указателя мыши показывает всплывающую подсказку
Значения атрибутов
href
Указывает адрес документа
- <a href=»url»>текст</a>
name
Задается имя якоря внутри документа
<a name=»идентификатор»>
Если необходимо сделать ссылку на конкретную строку документа, вид ссылки будет таким:
<a href=»url#идентификатор»>текст</a>
На самой же странице в нужном месте необходимо поставить якорь, следующего вида:
<a name=»идентификатор»>
target
- <div align=»left | right | center | justify»>…</div>
где
_blank | открывает html-документ в новом окне |
_self | открывает html-документ в текущем окне |
_top | если на сайте используются фреймы, ссылка откроетс я в главном окне, если фреймов нет — параметр работает как _self |
title
При наведении указателя мыши показывает всплывающую подсказку.
- <a href=»http://site.ru/main/» title=»Посмотреть»>Обзор</a>