A href html атрибуты. Ссылка в CSS коде

01.07.2020 Фотоэффекты

Описание

HTML тег определяет гиперссылку (её также называют просто "ссылка"), которая используется для перехода с одной страницы на другую. Текстовое содержимое тега выступает в качестве названия ссылки. Внешне ссылку легко отличить от обычного текста, так как по умолчанию она отображается в виде подчеркнутого текста, а при наведении на нее курсора мыши, он принимает вид руки с указательным пальцем, как бы показывающим, что этот текст является активным и по нему можно кликнуть ЛКМ.

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

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

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

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

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

Заголовок

Теперь, чтобы перейти к нему, в значении атрибута href элемента мы должны указать значение атрибута id (идентификатор), перед которым нужно поставить символ решетки (#). Если элемент к которому будет сделан переход находится на одной странице с ведущей на него ссылкой, то имя документа в атрибуте href можно опустить, написав только идентификатор.

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

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

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

Атрибуты

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

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

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

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

Пример » hreflang: Определяет язык текста в документе, на который ведет ссылка. Пример » media: Указывает тип носителя документа, на который ведёт ссылка. rel: Указывает отношение между текущим документом и документом, на который ведет ссылка. Возможные значения атрибута:

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

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

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

The HTML element (or anchor element), with , creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address. Content within each should indicate the link"s destination.

The source for this interactive example is stored in a GitHub repository. If you"d like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

Attributes

download HTML5 Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:

Without a value, the browser will suggest a filename/extension, generated from various sources:
- The final segment in the URL path
- The media type (from the Content-Type header , the start of a data: URL , or Blob.type for a blob: URL)
Defining a value suggests it as the filename. / and \ characters are converted to underscores (_). Filesystems may forbid other characters in filenames, so browsers will adjust the suggested name if necessary.

href

The URL that the hyperlink points to. Links are not restricted to HTTP-based URLs - they can use any URL scheme supported by browsers:

Sections of a page with fragment URLs
Pieces of media files with media fragments
Telephone numbers with tel: URLs
Email addresses with mailto: URLs
While web browsers may not support other URL schemes, web sites can with registerProtocolHandler()

hreflang Hints at the human language of the linked URL. No built-in functionality. Allowed values are the same as the global lang attribute . ping A space-separated list of URLs. When the link is followed, the browser will send POST requests with the body PING to the URLs. Typically for tracking. referrerpolicy How much of the referrer to send when following the link. See Referrer-Policy for possible values and their effects. rel The relationship of the linked URL as space-separated link types . target Where to display the linked URL, as the name for a browsing context (a tab, window, or