Атрибуты ссылок
Атрибуты ссылок (или HTML-атрибуты) являются дополнительными параметрами, которые могут быть добавлены к HTML-тегу ссылки <a>
для изменения ее поведения или внешнего вида. Некоторые из наиболее распространенных атрибутов ссылок включают в себя:
href
(hypertext reference) — это обязательный атрибут, который определяет URL-адрес (или адрес электронной почты) страницы, на которую должна перейти ссылка при нажатии на нее.target
— определяет, как будет открыта ссылка при переходе на страницу. Например,_blank
откроет ссылку в новой вкладке или окне браузера.title
— добавляет всплывающую подсказку при наведении курсора на ссылку. Это может быть полезно для предоставления дополнительной информации о том, что пользователь увидит, если перейдет по ссылке.rel
(relationship) — указывает тип отношения между текущей страницей и целевой страницей. Например,rel="nofollow"
указывает на то, что ссылка не должна передавать PageRank для целей поисковой оптимизации.class
— добавляет CSS-класс к ссылке, что позволяет изменять ее внешний вид и стиль через таблицу стилей.id
— добавляет уникальный идентификатор к ссылке, который может использоваться для изменения ее поведения или стиля через JavaScript.aria-*
— это атрибуты доступности, которые помогают людям с ограниченными возможностями использовать веб-сайты. Например,aria-label
добавляет текстовую метку, которая описывает содержание ссылки для слабовидящих пользователей.
download
— позволяет скачать связанный файл, когда пользователь кликает по ссылке. Атрибут может принимать значение, которое станет именем скачиваемого файла, например,<a href="image.jpg" download>Скачать картинку</a>
.media
— определяет тип устройства или медиа, на которое ссылка может быть показана. Например,<a href="print.css" media="print">Стили для печати</a>
указывает на использование стилей для печати.type
— указывает MIME-тип связанного файла. Например,<a href="document.pdf" type="application/pdf">Скачать документ</a>
сообщает браузеру, что файл является PDF-документом.coords
— определяет координаты географической области, связанной с ссылкой в карте изображений.shape
— указывает форму области, связанной с ссылкой в карте изображений. Допустимые значения включаютrect
(прямоугольник),circle
(круг) иpoly
(многоугольник).ping
— определяет список URL-адресов, которые должны быть оповещены, когда пользователь переходит по ссылке. Например,<a href="page.html" ping="https://example.com/track">Перейти на страницу</a>
может отправлять сигнал о переходе на другой сайт для целей аналитики.referrerpolicy
— указывает, как должен быть управляем HTTP-заголовокReferer
, который передает информацию о предыдущей странице пользователя. Например,referrerpolicy="no-referrer"
может использоваться для предотвращения передачи этой информации.