HTML A

Slyweb

Поиск CSS свойств и HTML элементов:

Все CSS свойства и HTML элементы справочника

[Элемент] A

Раздел "Элементы HTML"

Элемент, создающий ссылку в документе.

Атрибуты

charset	кодировка документа, на который ссылается элемент A
name	имя якоря-ссылки
href	адрес URL документа
target	задаёт место открытия документа
rel	тип ссылки
rev	тип обратной ссылки
accesskey	атрибут для быстрого перехода с помощью клавиши
shape	для использования с объектом AREA (не рекомендован спецификацией)
coords	для использования с объектом SHAPES
tabindex	задаёт индекс для быстрого перехода с помощью кнопки TAB
id, class	идентификатор и класс элемента
style	стиль элемента
lang:	язык элемента
title	заголовок элемента

Встроенные события:	onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
Закрывающий тэг:	требуется

Синтаксис

Браузеры:

Описание

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

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

name	Данный атрибут позволяет использовать ссылку в качестве якоря на странице. Значение данного атрибута должно быть уникальным именем на странице. Якорь действует в текущем документе.
href	Данный атрибут означает ссылку на удаленный ресурс. В качестве значений допускается указывать как абсолютный адрес, так и относительный.
charset	Атрибут устанавливает кодировку удаленного ресурса, к которому ведёт ссылка. Кодировка должна устанавливаться в соответствие со стандартом RFC2045 значение данного атрибута по умолчанию ISO-8859-1.

Типичный пример ссылки:

  1. <A href="http://www.w3.org/">W3C Web site</A> 
  2.

Для явного указания кодировки удаленного документа применяется атрибут charset:

  1. <A href="http://www.w3.org/" charset="ISO-8859-1">W3C Web site</A> 
  2.

С помощью элемента A возможно создавать ссылки якоря, которые упрощают переход по содержимому страницы. Установить якорь на странице, используя атрибут name:

  1. <A name="anchor-one">Якорь имя которого – «anchor-one».</A>
  2.

Для определения якоря документа допускается использовать как текущий документ, так и удаленный документ с использованием либо абсолютного, либо относительного адреса. При этом в конце адреса помещается знак «#» с последующим именем якоря:

  1. <a href=http://www.mycompany.com/one.html#anchor-one>Перейти к якорю</a>
  2. 
  3. <a href=../one.html#anchor-one> Перейти к якорю  с именем  «anchor-one» </a>
  4.

оба случая предусматривают переход к якорю, расположенному на удаленной странице. Однако якорь можно указать и на текущей странице, например:

  1. <a href=#anchor-one>Перейти к якорю</a>
  2.

При нажатии по этой ссылке видимая часть окна переместится к элементу -якорю (элемент A со значением name равным anchor-one). В следующем примере устанавливаются одновременно и якорь и ссылка:

  1. <a href=#anchor-one>Глава 1.</a>
  2. Якорь удобно использовать для создания мини оглавления
  3. <A name=" anchor-one " href="http://www.mysait.com/ ">
  4. Содержимое первой главы</A>.
  5.

Некоторые ссылки могут не загружать документ, а отправлять данные по электронной почте:

  1. <A href="mailto:eap1985@rambler.ru">Саня Ермаков - админ</A>.

Правило. Ссылки не могут быть вложенными, поэтому следующий пример является неверным:

  1. <A name="outer-anchor" href="next-outer.html">
  2. Следующая ссылка является  недопустимой
  3. <A name="inner-anchor" href="next-inner.html">так как
  4. располагается внутри  другой ссылки.</A></A>
  5.

В качестве якорей допускается использовать элементы с id. Идентификатор в этом случае будет использоваться так же как атрибут name.

  1. <A href="#section2">Глава 1 </A>.
  2. содержимое …
  3. <H2 id="section2">Section Two</H2>
  4. содержимое …
  5. перейдите к <A href="#section2">Главе 1</A>  расположенной выше.
  6.

Следующий пример так же является недопустимым, так как на странице не допускается несколько якорей с одинаковыми названиями:

  1. 
  2. <BODY>
  3. <A href="#a1">...</A>
  4. ...
  5. <H1 id="a1">
  6. ...содержимое...
  7. <A name="a1"></A>
  8. </BODY>
  9.

Отличием между атрибутом name и атрибутом id состоит в том, что первый может содержать html сущности, а второй нет.

Возможно, Вам будет интересно прочитать статьи о jQuery:

Доступ и установка с jQuery

Получить коллекцию элементов A: val = $("A");
Получить класс элементаA: val = $("A").attr("class");
Установить несколько CSS свойств HTML элементу A: $("A").css({"...":"..."});
Установить единичное CSS свойство HTML элементу A: $("A").css("...","...");

"jQuery и HTML для начинающих"

HTML элемент появился в HTML 2.0 ( HTML элемента A - www.w3.org/A)

Форма для комментариев

Версия справочника CSS 1.0 Справочник CSS создан 2010-12-01

Ошибки и опечатки
Предложения и жалобы
Поддержка сайта

Александр Ермаков. Хостинг - www.pwstudio.org

1.	<A href="http://www.w3.org/" charset="ISO-8859-1">W3C Web site</A>
2.

1.	<A name="anchor-one">Якорь имя которого – «anchor-one».</A>
2.

1.	<a href=http://www.mycompany.com/one.html#anchor-one>Перейти к якорю</a>
2.
3.	<a href=../one.html#anchor-one> Перейти к якорю с именем «anchor-one» </a>
4.

1.	<a href=#anchor-one>Перейти к якорю</a>
2.

1.	<a href=#anchor-one>Глава 1.</a>
2.	Якорь удобно использовать для создания мини оглавления
3.	<A name=" anchor-one " href="http://www.mysait.com/ ">
4.	Содержимое первой главы</A>.
5.

1.	<A name="outer-anchor" href="next-outer.html">
2.	Следующая ссылка является недопустимой
3.	<A name="inner-anchor" href="next-inner.html">так как
4.	располагается внутри другой ссылки.</A></A>
5.

1.	<A href="#section2">Глава 1 </A>.
2.	содержимое …
3.	<H2 id="section2">Section Two</H2>
4.	содержимое …
5.	перейдите к <A href="#section2">Главе 1</A> расположенной выше.
6.

1.
2.	<BODY>
3.	<A href="#a1">...</A>
4.	...
5.	<H1 id="a1">
6.	...содержимое...
7.	<A name="a1"></A>
8.	</BODY>
9.

Подробный справочник CSS и HTML

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

Возможно, Вам будет интересно прочитать статьи о jQuery:

Доступ и установка с jQuery