a

HTML тег a — это тег гиперссылки, или как его еще называют просто «ссылка». Он отвечает за навигацию в интернет. Ссылку можно проставить как на другую страницу (удаленный документ), так и в пределах одного и того же документа (якорная ссылка). Второй вариант — это как оглавление книги, нажимаешь и переходишь вниз по документу на определенный раздел или главу.

Поддержка браузеров

ie IE operaOpera chromeChrome firefoxFirefox safariSafari
+ + + + +

Описание и использование

Для создания ссылки в тег a добавляют атрибуты, их два: href и name. Первый используется для создания ссылки на удаленный документ, а второй — для создания ссылки внутри страницы:

<a href="https://web-tutor.net">Ссылка на web-tutor.net</a>
<a href="#interesting">Перейти к главе "Интересное содержание"</a>
<a name="interesting">Интересное содержание</a>
Содержание главы.

Без посторонней стилизации ссылки по умолчанию выглядят так:

  • не посещенная ссылка — синего цвета и подчеркнута
  • посещенная ссылка — фиолетового цвета и подчеркнута
  • активная ссылка — красного цвета и подчеркнута

Необязательные атрибуты

Атрибут Значение Описание
charset char_кодировка Определяет набор символов (кодировку) документа, на который идет ссылка
coords координаты Определяет координаты ссылки
href URL Определяет расположение ссылки
hreflang код_языка Определяет язык документа по ссылке
name название_секции Определяет название якоря
rel текст Определяет отношение между текущим документом и документом по ссылке
rev текст Определяет отношение между документом по ссылке и текущим документом
shape default
rect
circle
poly
Определяет форму ссылки
target _blank
_parent
_self
_top
название_фрейма
Определяет в каком окне откроется ссылка

Стандартные атрибуты

Атрибут Значение Описание
accesskey буква Определение комбинации клавиш для получения доступа к элементу
class имя_класса Определяет имя класса для элемента
dir rtl
ltr
Определяет направление текста для контента в элементе
id id Определяет уникальный id для элемента
lang код_языка Определяет код языка для контента в элементе
style определение_стиля Определяет инлайновый стиль для элемента
tabindex номер Указать порядок переноса фокуса в окне с одного элемента управления на другой при нажатии клавиши TAB
title текст Определяет дополнительную информацию об элементе
xml:lang код_языка Определяет код языка для контента в элементе, в XHTML документах

Событийные атрибуты

Атрибут Значение Описание
onblur скрипт Скрипт будет выполнен после потери элементом фокуса
onclick скрипт Скрипт будет выполнен при клике
ondblclick скрипт Скрипт будет выполнен при двойном клике
onfocus скрипт Скрипт будет выполнен при получении фокуса
onmousedown скрипт Скрипт будет выполнен при нажатии кнопки мышки
onmousemove скрипт Скрипт будет выполнен при движении курсора мышки
onmouseout скрипт Скрипт будет выполнен, когда курсор мышки покинет пределы элемента
onmouseover скрипт Скрипт будет выполнен, когда курсор мышки находится над элементом
onmouseup скрипт Скрипт будет выполнен, когда кнопка мышки будет отпущена
onkeydown скрипт Скрипт будет выполнен при нажатии клавиши
onkeypress скрипт Скрипт будет выполнен при нажатии клавиши и последующего разжатия
onkeyup скрипт Скрипт будет выполнен при разжатии клавиши

 

Просмотров: 40

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

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