Описание тега anchor

Описание тега Вопросы с тегом

Якорь ( <a href="None" rel="noopener nofollow noreferrer" target="_blank">...</a>) - это элемент HTML, используемый для определения связи между текущим элементом (якорь) и местом назначения (URI).

Якорь (<a>...</a>) - это элемент HTML, используемый для обозначения местоположения ресурса содержимого, загружаемого в веб-браузер. Якорные элементы определяются<a>HTML-элемент, который принимает несколько атрибутов. Единственные обязательные атрибуты:name= или href=

Атрибуты

HREF

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

<a href="https://www.stackru.com"></a>

Атрибуты HREF могут быть определены с помощью полного URI или просто для элементов, которые существуют в уже загруженном содержимом. Внутристраничные значения HREF задаются глобальным атрибутом HTML ID, назначенным целевому элементу и указываемым как значение атрибута HREF.

<a href="#container"></a>

Другие допустимые значения HREF

<A HREF="http://..."> Создает ссылку на другой документ, расположенный на сервере World Wide Web.
<A HREF="ftp://...">Делает ссылку на ftp-сайт. В документе HTML обычно выполняется соединение с анонимным ftp-сайтом. Последние версии браузеров позволяют подключаться к частным ftp-сайтам. Якорь будет иметь вид ftp://jdoe@your.com. Затем браузер запросит у пользователя пароль.
<A HREF="gopher://..."> Делает ссылку на сервер gopher.
<A HREF="mailto:..."> Активация такой ссылки вызовет диалоговое окно почтовой рассылки браузеров (или приложение, связанное с интернет-почтой), позволяющее пользователю отправлять почтовые сообщения автору документа или тому, кто адресуется после атрибута mailto.
<A HREF="news:...">Делает ссылку на группу новостей. Следует проявлять осторожность при использовании таких ссылок, потому что автор не может знать, какие группы новостей поддерживаются локальным сервером новостей пользователя.
<A HREF="newsrc:..."> Создает ссылку на конкретный файл newsrc.
<A HREF="nntp://...">Может использоваться для указания сервера новостей, отличного от того, который обычно использует пользователь. Это полезно, если вы хотите создать ссылку на группу новостей, которую локальный сервер новостей пользователей может не поддерживать (см. Выше).
<A HREF="telnet://..."> Активация такой ссылки инициирует сеанс telnet (с использованием внешнего приложения) с машиной, указанной после метки telnet://.
<A HREF="wais://..."> Создает ссылку, которая подключается к указанному серверу индекса WAIS.
`Отображает необработанный исходный HTML-код содержимого вместо визуализации кода.
<A HREF="nethelp:vendor/product:topic_id"> Используется только при доставке интерактивной справки с помощью метода NetHelp в NetHelp SDK.

ИМЯ

Если присутствует, атрибут NAME позволяет привязке быть целью ссылки (другой <A HREF...>элемент). Значение атрибута NAME является идентификатором привязки. Идентификаторы - это произвольные строки, но они должны быть уникальными в пределах документа HTML. Также обратите внимание, что они чувствительны к регистру в документах HTML и не могут содержать пробелов.

<A NAME="coffee">Coffee</A> isan example of...

Примером этого является <A HREF="#coffee">coffee</A>

ЗАГЛАВИЕ

Атрибут TITLE предназначен только для информационных целей (если он не используется с атрибутом mailto:). Атрибут Title, если он присутствует, должен обеспечивать заголовок документа, адрес которого задан атрибутом HREF.

REL

Атрибут REL задает отношения, описанные гипертекстовой ссылкой от привязки к цели. Значение должно быть списком значений отношений, разделенных запятыми. Значения и их семантика будут зарегистрированы органом регистрации HTML. Отношение по умолчанию, если не указано иное, является недействительным. Атрибут REL используется только при наличии атрибута HREF.

REV

Атрибут REV такой же, как атрибут REL, но семантика типа ссылки обратная. Ссылка от A к B с REL="X" выражает те же отношения, что и ссылка от B к A с REV="X". Якорь может иметь атрибуты как REL, так и REV.

URN

Если присутствует, атрибут URN определяет универсальное имя ресурса (URN) для целевого документа. Формат URN все еще обсуждается (с 1994 г.) различными рабочими группами Инженерной группы Интернета.

МЕТОДЫ

Атрибуты якорей и ссылок METHODS предоставляют информацию о функциях, которые пользователь может выполнять с объектом. Они более точно задаются протоколом HTTP, когда он используется, но по тем же причинам, что и для атрибута TITLE, может быть полезно заранее включить информацию в ссылку. Например, пользовательский агент HTML может выбрать другую визуализацию в зависимости от разрешенных методов; например, что-то, доступное для поиска, может иметь другой вид ссылки. Значение атрибута METHODS должно быть разделенным запятыми списком HTTP-методов, поддерживаемых объектом для общего использования.

ЦЕЛЬ

Окна браузера теперь могут иметь имена, связанные с ними. Ссылки в любом окне могут ссылаться на другое окно по имени. Когда ссылка активирована, указанный документ появится в этом названном окне. Если окно еще не открыто, откроется браузер и назовет новое окно за вас. Такое действие поддерживается только браузерами с поддержкой фреймов.

Синтаксис целевых окон:

<A HREF="url.html" TARGET="window_name">Link text</A>

Атрибут TARGET может принимать следующие значения:

window_name

Имя любого окна, заданное <FRAME>element, или используя метод сценария window.open. Если используется window_name, которое не коррелирует с ранее определенным окном, то создается новое окно и получает имя в соответствии с именем окна, используемым в атрибуте TARGET. Затем на это новое окно можно ссылаться, используя его новое имя.

_self Использование этого зарезервированного значения ключевого слова приведет к загрузке любой страницы обратной связи формы в окно, которое в настоящее время содержит форму.
_parentИспользование этого зарезервированного значения ключевого слова приведет к загрузке любой страницы обратной связи формы в окно, которое является родительским для окна, в настоящее время содержащего форму. т.е. если окно формы является частью документа во фрейме, оно будет загружено в окно, управляемое<FRAMESET> определения элементов, которые управляют текущим окном формы.
_top Использование значения зарезервированного ключевого слова приведет к загрузке страницы обратной связи формы в самое верхнее окно, очистив все существующие в настоящее время окна с фреймами.
_blankИспользование этого зарезервированного значения ключевого слова приведет к загрузке страницы обратной связи формы во вновь созданное окно. Использование этого значения аналогично использованию TARGET="window_name", где используемое window_name не является ранее определенным окном. ПРИМЕЧАНИЕ. В отличие от использования window_name с использованием ранее неопределенного имени окна, использование _blank не приведет к именованию нового окна для будущего использования.

КЛЮЧ ДОСТУПА

Атрибут ACCESSKEY может использоваться для указания сочетания клавиш для ссылки (активируется одновременным нажатием клавиши "Alt" и клавиши ACCESSKEY - как стандартные сочетания клавиш в меню приложений Windows). Параметр ACCESSKEY не обязательно должен быть символом в фактическом тексте ссылки, и текст ссылки никоим образом не изменяется, чтобы отразить, что ACCESSKEY был определен для ссылки. Разумный способ обойти это было бы примерно так:

<A HREF="url.htm" ACCESSKEY="W">W<SPAN STYLE="{text-decoration:none}">hat's New</SPAN></A>

Что отображается как: Что нового. Оповещение пользователя о том, что в ссылке есть что-то особенное. Нажатие "Alt + W" активирует ссылку. Обратите внимание, что несколько ссылок в документе могут использовать один и тот же параметр ACCESSKEY. Если из того же документа повторно используется ACCESSKEY, будет активирована следующая активная ссылка ACCESSKEY в документе (в порядке их появления), использующая тот же параметр. Если вы не можете гарантировать, где в текущем документе находится пользователь, имеет смысл попробовать использовать уникальные настройки ACCESSKEY для ссылок. Также обратите внимание, что настройки ACCESSKEY имеют приоритет над настройками основных меню Internet Explorer.

Атрибут ACCESSKEY предназначен для Internet Explorer 4.0 и более поздних версий.

ЯЗЫК

Атрибут LANGUAGE принимает значения Javascript или VBscript, чтобы явно установить язык сценариев, используемый во всех встроенных сценариях внутри элемента. Он пытается установить язык всех скриптов, относящихся к элементу, но внешние блоки скриптов (с помощью<SCRIPT> element) должны содержать собственный параметр LANGUAGE в <SCRIPT>элемент. (Для получения дополнительной информации см. Разделы, посвященные Javascript или Visual Basic Script). ЯЗЫК может быть полезен, если вы установили несколько встроенных подпрограмм обработки событий в элементе привязки, чтобы сохранить их, используя event = "javascript:..." или event = "vbscript:..." в каждом обработчике событий, однако при этом переопределит настройку LANGUAGE. Например, следующий фрагмент HTML:

<A HREF="url.htm" onclick="javascript:return false">Link text</A>

"убивает" ссылку, отменяя действие "клик". Это можно упростить, используя:

<A HREF="url.htm" LANGUAGE="Javascript" onclick="return false">Link text</A>

поскольку элемент LANGUAGE явно устанавливает язык сценариев как Javascript. Та же "идея" в Visual Basic Script могла бы быть:

<A HREF="url.htm" LANGUAGE="VBscript" onclick="window.event.returnvalue=false">Link text</A>

(Обратите внимание на другой синтаксис отмены события.)

ИНДЕКСТРИНГ и ТЕКСТРУК

Эти атрибуты специфичны для создания интерактивной справки / помощи пользователям с использованием Netscape NetHelp. Для справочных систем NetHelp INDEXSTRING и TOCSTRING используются для определения содержания и записей указателя. NetHelp использует обширные сценарии для динамического создания таблицы содержания и индекса файлов, составляющих справочную систему. Для создания системы NetHelp записи оглавления и ключевые слова указателя определяются в якорях внутри<Hx>элементы. Атрибуты INDEXSTRING и TOCSTRING затем используются для определения текста, который будет отображаться в оглавлении, и ключевых слов, которые появятся в указателе. Например:

<H1>
<A NAME="intro" TOCSTRING="The HTMLib"></A>
</H1>
<H2>
<A NAME="introidx" TOCSTRING="Introduction to the HTMLib" INDEXSTRING="introduction^HTMLib^help">Introduction to the HTMLib</A>
</H2>

В системе NetHelp это приведет к появлению "главы" в оглавлении с заголовком "HTMLib" (<H1>инструменты NetHelp интерпретируют элементы как заголовки глав). Первый раздел внутри главы "HTMLib" в оглавлении будет озаглавлен "Введение в HTMLib" (<H2>элементы интерпретируются как заголовки разделов внутри заголовка с помощью инструментов NetHelp). Нажатие на "HTMLib" в сгенерированном NetHelp оглавлении приведет к переходу к привязке NAMEd intro, а поиск в индексе NetHelp с помощью "Introduction", "HTMLib" или "help" приведет к "хитам", которые перейдут к раздел NAMEd introidx. Щелчок по записи "Введение в HTMLib" в оглавлении также приведет к переходу в тот же раздел.

DATAFLD

В DATAFLD атрибут может использоваться для указания имени столбца данных из источника данных (см. DATASRC), который <A>связан с. Дополнительные сведения об атрибуте DATAFLD см. В разделе "Привязка данных". Обратите внимание, что данные, взятые из источника данных, будут использоваться для значения атрибута HREF, если привязка привязана к данным. Следовательно, получение данных, не являющихся действительным URL-адресом, сделает ссылку бесполезной.

DATASRC

В DATASRCАтрибут может использоваться для указания источника данных, к которому привязан. Дополнительные сведения об атрибуте DATASRC см. В разделе "Привязка данных".

LANG

В LANG атрибут может использоваться, чтобы указать, на каком языке <A>элемент использует. Он принимает любые допустимые сокращения стандартного языка ISO (например, "en" для английского, "de" для немецкого и т. Д.). Дополнительные сведения см. В разделе "Локализация документа".

УЧЕБНЫЙ КЛАСС

В CLASS атрибут используется для указания <A>как использование определенного класса таблицы стилей. Например, внешние ссылки в HTMLib используют класс стиля, объявленный как:

<STYLE TYPE="text/css">
    .external {color : #0000FF}
</STYLE>

со ссылками на внешние ссылки:

<A CLASS="external" HREF="https://www.microsoft.com">https://www.microsoft.com/</A>

Я БЫ

В ID атрибут может использоваться либо для ссылки на уникальный идентификатор таблицы стилей, либо для предоставления уникального имени для <ADDRESS>элемент для сценариев. любой<ADDRESS>Элементом с атрибутом ID можно напрямую управлять в скрипте, ссылаясь на его атрибут ID, вместо того, чтобы работать с коллекцией All для определения элемента. Дополнительную информацию см. В разделе "Введение в сценарии".

СТИЛЬ

Помимо использования ранее определенных настроек таблицы стилей, <A>элемент может иметь встроенные стили. Например:

<A STYLE="color:#0000FF" HREF="https://www.microsoft.com">https://www.microsoft.com/</A>

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

В <A>Стилем элемента также можно управлять с помощью псевдоэлементов Anchor. Использование определения таблицы стилей в<STYLE> элемента псевдоклассы A: ссылка, A: посещенный и A: активный могут использоваться для установки стиля текста ссылок, посещенных ссылок и активных ссылок соответственно (так же, как атрибуты LINK, ALINK и VLINK в <BODY>element do для тех браузеров, которые не поддерживают таблицы стилей). Однако обратите внимание, что, хотя Internet Explorer 4.0 в настоящее время поддерживает использование этих псевдоклассов, он "ломает" любые сценарии для конкретных<A> элемент (либо с помощью обработчика событий в элементе, либо отдельной функции сценария, на которую ссылается атрибут идентификатора привязки).

Сценарии

Свойства

Помимо стандартных динамических свойств HTML (т.е. className, document, id, innerHTML, innerText, isTextEdit, lang, language, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourceIndex, style, tagName и title), каждый объект ссылки (т.е.) имеет следующие свойства, которыми можно управлять для каждой ссылки в документе, либо напрямую (внутри встроенного обработчика событий, либо через ссылку на атрибут идентификатора привязки / ссылок), либо через ссылки массив / коллекция. Обратите внимание, что большинство следующих свойств поддерживаются только моделью сценариев динамического HTML в Internet Explorer 4.0. Некоторые свойства и события поддерживаются Netscape (и более ранними версиями Internet Explorer, поскольку каждый элемент создает объект привязки и / или ссылки (в зависимости от того, является ли он<A HREF...> или <A NAME...>, чьи свойства и события представлены через массив / коллекцию Links и тему привязки.

accessKey - (Internet Explorer 4.0+)

Если для ссылки установлен атрибут ACCESSKEY (см. Выше), тогда свойство accessKey отражает настройку, в противном случае оно остается пустым. В коде скрипта можно изменить свойство linksaccessKey.

datafld - (Internet Explorer 4.0+)

Свойство dataFld напрямую отражает значение атрибута DATAFLD (см. Выше). Дополнительные сведения об атрибуте DATAFLD см. В разделе "Привязка данных".

datasrc - (Internet Explorer 4.0+)

Свойство dataSrc напрямую отражает значение атрибута DATASRC (см. Выше). Дополнительные сведения об атрибуте DATASRC см. В разделе "Привязка данных".

хеш - (Internet Explorer 3.0+, Netscape 2.0+)

Свойство hash отражает или устанавливает любые определения "закладок" в атрибуте HREF ссылки. Например:

<A HREF="http://www.htmlib.com/intro.htm#contents" ID="ContentsLink">View the contents</A>
<SCRIPT LANGUAGE="VBScript">
strHash=ContentsLink.hash
</SCRIPT>

сделает strHash значением содержимого.

хост - (Internet Explorer 3.0+, Netscape 2.0+)

Свойство хоста по сути представляет собой комбинацию свойств имени хоста (см. Ниже) и порта (см. Ниже). В приведенном выше примере (для свойства хеширования) свойство хоста будетwww.htmlib.com:80.

имя хоста - (Internet Explorer 3.0+, Netscape 2.0+)

Свойство hostname отражает или устанавливает имя компьютера, указанного в атрибуте HREF. Используя приведенный выше пример (для свойства hash), свойство hostname будет www.htmlib.com.

href - (Internet Explorer 3.0+, Netscape 2.0+)

Свойство href отражает или устанавливает атрибут HREF ссылки. Свойство href ссылки можно изменить с помощью скрипта.

Методы - (Internet Explorer 4.0+)

Свойство Methods отражает или устанавливает атрибут ссылок METHODS (если установлен)

имя - (Internet Explorer 3.0+, Netscape 2.0+)

Свойство name отражает атрибут NAME привязки.

путь - (Internet Explorer 3.0+, Netscape 2.0+)

Свойство pathname отражает или устанавливает полный путь к целевому документу, как указано в атрибуте HREF. Например:

<A HREF ="http://www.htmlib.com/html/Block Level Elements/address.htm" ID="ContentsLink">View the contents</A>
<SCRIPT LANGUAGE="VBScript">
strPathName=ContentsLink.pathname
</SCRIPT>

даст strPathName значение html/Block Level Elements/address.htm.

порт - (Internet Explorer 3.0+, Netscape 2.0+)

Как упоминалось выше, свойство порта отражает или устанавливает настройку порта (если задано) в атрибуте HREF (если задано). Если в настройке HREF не указан порт, предполагается, что порт 80.

протокол - (Internet Explorer 3.0+, Netscape 2.0+)

Свойство протокола отражает или устанавливает протокол атрибута HREF (если установлен). Например:

<A HREF="https://www.microsoft.com/">Microsoft</A>
<A HREF="ftp://ftp.microsoft.com/">Microsoft (ftp)</A>

будет иметь свойства протокола https:// а также ftp://соответственно. Для относительных URL-адресов в атрибуте HREF используется протокол текущего отображаемого документа.

rel - (Internet Explorer 4.0+)

Свойство rel напрямую отражает или устанавливает значение атрибута REL (если он установлен).

rev - (Internet Explorer 4.0+)

Свойство rev напрямую отражает или устанавливает значение атрибута REV (если он установлен).

поиск - (Internet Explorer 3.0+, Netscape 2.0+)

Свойство поиска отражает или устанавливает любые строки поиска, добавленные к URL-адресу, указанному в атрибуте HREF (если он установлен). Например:

<A HREF= "http://www.htmlib.com/intro.htm?contents">Link text</A>

будет иметь значение свойства поиска содержимого

цель - (Internet Explorer 3.0+, Netscape 2.0+)

Свойство target отражает или устанавливает атрибут TARGET ссылки (если установлен)

urn - (Internet Explorer 4.0+)

Свойство urn отражает или устанавливает атрибут URN ссылки (если установлен)

`<A...>` Методы

Помимо стандартных методов динамического HTML (т. Е. Click, contains, getAttribute, insertAdjacentHTML, insertAdjacentText, removeAttribute, scrollIntoView и setAttribute), каждый объект Link имеет следующие методы, которыми можно управлять для каждой ссылки / привязки в документе. Обратите внимание, что все эти методы относятся к Internet Explorer (4.0 и выше). Массив Anchors и массив Links, поддерживаемый Netscape (и более ранними версиями Internet Explorer), имеют несколько методов, специфичных для Javascript, но эта ссылка не является справочником по языку Javascript, поэтому они не детализированы.

размытие - (Internet Explorer 4.0+)

Метод размытия можно использовать, чтобы заставить пользователей сфокусироваться от указанного <A>.

focus - (Internet Explorer 4.0+)

Метод focus можно использовать, чтобы заставить пользователей сосредоточиться на указанном <A>. Например:

Link1.focus()

заставит сфокусироваться на ссылке, атрибут ID которой - Link1.

`<A...>` События

Помимо стандартных событий динамического HTML (т.е. onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup и onselectstart), каждое <A...>элемент / объект принимает следующие события (как в отдельных функциях скрипта, так и внутри элемента). Обратите внимание, что хотя некоторые из них поддерживаются в различных версиях Netscape (через массив / коллекцию якорей и массив / коллекцию ссылок, в зависимости от того,<A HREF...> или <A NAME...>или оба), большинство из них относятся к Internet Explorer (4.0 и выше) и являются стандартными событиями динамического HTML. Каждый обработчик событий подробно описывает поддержку своего браузера. Также подробно описаны различные методы и свойства, доступные с помощью функций сценария для якорей в документе.

onblur - (Internet Explorer 4.0+)

Событие onblur можно использовать для выполнения функций скрипта, когда конкретная ссылка теряет фокус. Обратите внимание на тонкую разницу между этим событием и событием onmouseout в том, что удаление мыши из-под ссылки не теряет фокус. Для этого требуется либо программно заставить другой объект получить фокус, либо пользователь вручную передает фокус другому объекту или элементу управления в документе, либо щелкает фон документа. Пример ссылки ниже (содержащий ID="egOnBlurLink") выполняет следующий сценарий функция, когда он теряет фокус:

Sub changetext()
egOnBlurLink.innerHTML = "Now I've <STRONG>lost</STRONG> the focus"
End Sub

onfocus - (Internet Explorer 4.0+)

Событие onfocus может использоваться для выполнения функций скрипта, когда конкретная ссылка получает фокус. Обратите внимание на тонкую разницу между этим событием и событием onmouseover в том, что при наведении курсора мыши на ссылку она не фокусируется. Для этого требуется либо программно принудительно заставить ссылку получить фокус, либо использовать клавишу табуляции для перехода по ссылкам документа. Приведенный ниже пример ссылки (содержащий ID="egOnFocusLink") выполняет следующую функцию скрипта, когда получает фокус:

Sub ReceivedFocus()
egOnFocusLink.innerHTML = "I received the <STRONG>focus</STRONG>"
End Sub

В результате текст ссылки заменяется новым сообщением.

Смотрите также:

Связанные теги:

/questions/tagged/canonical-link глубокая ссылка гиперссылка ссылки путь постоянные ссылки uri uri-схема