A тег – Что такое ссылка, тег a — Ссылки и изображения — HTML Academy

| Справочник HTML



HTML-элемент <a> определяет гиперссылку для перехода на определённое место на странице или на другую страницу в Интернете. Он также может быть использован для создания якоря — это место назначения для гиперссылок внутри страницы.
Для создания гиперссылки браузеру необходимо сообщить, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа, на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всегда независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки построены относительно текущего документа или корня сайта.

Синтаксис

<a href="адрес">имя ссылки</a>

Различия между HTML 4.01 и HTML5

В HTML 4.01 элемент <a> может быть либо гиперссылкой либо якорем. В HTML5 элемент <a> всегда является гиперссылкой. Если для элемента

<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.
In hac habitasse platea dictumst. Cras mattis rhoncus lobortis.
Fusce sed orci et erat porttitor fermentum. Donec ornare sodales lectus a rutrum.

<a href=#top>Наверх</a>

</body>
</html>




Параметр 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>
</html>



seodon.ru | Теги HTML — Тег A

Опубликовано: 25.06.2010 Последняя правка: 10.12.2015

Тег <A> используется для создания ссылок и якорей («анкоров») в HTML-документе.

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

URL — уникальным адресом каждого документа в интернете или якоря на странице.

Якорь («анкор») — предназначен для установки закладки в определенном месте веб-страницы, для последующего перехода к ней по ссылке. Причем, якорь может быть как внутри текущей, так и внутри другой, открываемой по ссылке на якорь, страницы. Для установки якоря используется атрибут 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.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

Поддержка браузерами

Браузер:Internet ExplorerGoogle Chrome
Mozilla Firefox
OperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа

Тег — Справочник html

Общая информация

<a> — является одним из основных тегов HTML, предназначенный для создания гиперссылок.


Тег устанавливает ссылку на какой-либо объект: на другой сайт, на другую страницу, на строку этой же страницы (якорь). Это зависит от используемых атрибутов (href, name).

Заданные адреса ссылок бывают относительными и абсолютными.
В абсолютном адресе задается полный путь к странице, который будет работать везде. Относительный адрес будет вести по адресу относительно того, где находится пользователь в данный момент.

Синтаксис

  1. <a href=»url»>текст</a>    
  2. <a href=»url#идентификатор»>текст</a>    
  3. <a name=»идентификатор»>   
<a href=»url»>текст</a> <a href=»url#идентификатор»>текст</a> <a name=»идентификатор»>

Закрывающий тег обязателен.

 Атрибуты

  • href — указывает адрес документа
  • name — задается имя якоря внутри html-документа
  • target — в каком окне будет открыт html-документ
  • title — при наведении указателя мыши показывает всплывающую подсказку

Значения атрибутов

href

Указывает адрес документа

  1. <a href=»url»>текст</a>  
<a href=»url»>текст</a>

name

Задается имя якоря внутри документа
<a name=»идентификатор»>

Если необходимо сделать ссылку на конкретную строку документа, вид ссылки будет таким:
<a href=»url#идентификатор»>текст</a>

На самой же странице в нужном месте необходимо поставить якорь, следующего вида:
<a name=»идентификатор»>

target

  1. <div align=»left | right | center | justify»>…</div>  
<div align=»left | right | center | justify»>…</div>

где

_blankоткрывает html-документ в новом окне
_selfоткрывает html-документ в текущем окне
_topесли на сайте используются фреймы, ссылка откроетс я в главном окне, если фреймов нет — параметр работает как _self

title

При наведении указателя мыши показывает всплывающую подсказку.

  1. <a href=»http://site.ru/main/» title=»Посмотреть»>Обзор</a>  
<a href=»http://site.ru/main/» title=»Посмотреть»>Обзор</a>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *