Тег А

HTML тег

По умолчанию во всех браузерах ссылки выглядят следующим образом:

Непосещённая ссылка — текст синего цвета
Посещенная ссылка — текст фиолетового цвета
Активная (при клике (и удерживании) ЛКМ) — текст красного цвета

В качестве ссылки может выступать не только текст, но и любой другой HTML-элемент, который может быть расположен в теле документа, если его разместить внутри элемента .

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

По умолчанию, страница, на которую ведёт ссылка открывается в том же окне, где находится текущая ссылка. Ссылка, которая ведёт на несуществующую страницу, файл или изображение называется «мёртвая» или «битая».

Содержание

Ссылки для перехода внутри веб-страницы
Ссылка на почтовый ящик
Атрибуты
Стиль по умолчанию
Пример
Html тег a может появляться
Синтаксис
Атрибуты
Закрывающий тег
Html тег a может появляться
Синтаксис
Атрибуты
Закрывающий тег
HTML Tag
Tips and Notes
Browser Support
Attributes

Ссылки для перехода внутри веб-страницы

Ссылки можно также использовать для перехода к определенному месту внутри веб-страницы (не обязательно в текущей). Для определения места на странице, к которому будет осуществлён переход по ссылке, используется любой HTML-элемент. Чтобы определить элемент к которому будет сделан переход по ссылке, нужно использовать глобальный атрибут id , указав его у нужного элемента:

Чтобы перейти к определённому месту на другой странице, нужно указать необходимый идентификатор после URL-адреса:

Примечание: основная польза от ссылок внутри веб-страницы заключается в том, что пользователю не приходится просматривать всю веб-страницу в поисках нужного раздела. Такие ссылки удобно применять на страницах с большим объемом содержимого, чтобы посетители могли быстро переходить к нужному им разделу.

Ссылка на почтовый ящик

Чтобы сделать ссылку на электронную почту, нужно в значении атрибута href ввести ключевое слово mailto , поставить после него двоеточие и написать адрес электронной почты, на который вы хотите сослаться:

Это ссылка на почту: моя почта

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

Атрибуты

download: Указывает, что файл, на который ведёт ссылка, будет загружен, когда пользователь кликнет по ссылке:

Значение атрибута определяет под каким именем будет сохранён файл. Например, оригинальное имя файла sun.png , если в качестве значения указано flower.png , то файл будет сохранён под именем flower.png . Если значение не указано, то будет использовано оригинальное имя файла.

Примечание: атрибут download используется только совместно с атрибутом href .

href: Указывает URL-адрес веб-страницы, на которую будет сделан переход (количество символов в значении адреса не должно превышать 255). Поскольку в качестве адреса ссылки может быть указан путь к файлу любого типа, то результат перехода по ссылке будет зависеть от конечного файла.

Примечание: в качестве URL может быть использован абсолютный или относительный адрес.

alternate — ссылка на альтернативную версию документа (страница для печати, страница на другом языке и тд.)
author — ссылка на автора документа
bookmark — постоянный URL-адрес, используемый для закладок
help — ссылка на документ-справку
license — ссылки на сведения об авторских правах для документа
next — следующий документ в выделенной области
nofollow — ссылка на документ, который не нужно индексировать («nofollow» используется поисковой системой Google, чтобы указать, что поисковый бот не должен переходить по этой ссылке)
noreferrer — указание браузеру не посылать HTTP-заголовок если пользователь перешел по ссылке
prefetch — указывает, что следует кэшировать целевой документ
prev — предыдущий документ в выделенной области
search — ссылка на поиск для документа
tag — тег (ключевое слово) для текущего документа

_blank — открывает документ в новом окне или вкладке
_parent — открывает документ в родительском фрейме
_self — открывает документ в той же директории, где располагается ссылка (значение по умолчанию)
_top — открывает документ во всю ширину окна
имя_фрейма — открывает документ в элементе iframe, имя которого было указано в качестве значения

Примечание: атрибуты: hreflang, media, rel, target и type не могут быть использованы, если не установлен атрибут href .

Читайте также: JournalDev HTMLParser

Стиль по умолчанию

a:link, a:visited < color: (зависит от браузера); text-decoration: underline; cursor: auto; >a:hover, a:active

Пример

Результат данного примера в окне браузера:

Источник

Html тег a может появляться

Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.

Синтаксис

Атрибуты

accesskey Активация ссылки с помощью комбинации клавиш. coords Устанавливает координаты активной области. download Предлагает скачать указанный по ссылке файл. href Задает адрес документа, на который следует перейти. hreflang Идентифицирует язык текста по ссылке. name Устанавливает имя якоря внутри документа. rel Отношения между ссылаемым и текущим документами. rev Отношения между текущим и ссылаемым документами. shape Задает форму активной области ссылки для изображений. tabindex Определяет последовательность перехода между ссылками при нажатии на кнопку Tab . target Имя окна или фрейма, куда браузер будет загружать документ. title Добавляет всплывающую подсказку к тексту ссылки. type Указывает MIME-тип документа, на который ведёт ссылка.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

      Посмотрите на мою фотографию!
 Как сделать такое же фото?

Источник

Html тег a может появляться

Синтаксис

Атрибуты

Читайте также: Транзакции mysql php pdo

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

      Посмотрите на мою фотографию!
 Как сделать такое же фото?

Источник

HTML Tag

By default, links will appear as follows in all browsers:

An unvisited link is underlined and blue
A visited link is underlined and purple
An active link is underlined and red

Tips and Notes

Tip: A linked page is normally displayed in the current browser window, unless you specify another target.

Tip: Use CSS to style links: CSS Links and CSS Buttons.

Browser Support

Attributes

Attribute	Value	Description
download	filename	Specifies that the target will be downloaded when a user clicks on the hyperlink
href	URL	Specifies the URL of the page the link goes to
hreflang	language_code	Specifies the language of the linked document
media	media_query	Specifies what media/device the linked document is optimized for
ping	list_of_URLs	Specifies a space-separated list of URLs to which, when the link is followed, post requests with the body ping will be sent by the browser (in the background). Typically used for tracking.
referrerpolicy	no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin-when-cross-origin unsafe-url	Specifies which referrer information to send with the link
rel	alternate author bookmark external help license next nofollow noreferrer noopener prev search tag	Specifies the relationship between the current document and the linked document
target	_blank _parent _self _top	Specifies where to open the linked document
type	media_type	Specifies the media type of the linked document

Источник