Атрибуты ссылок

Атрибуты ссылок (или 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" может использоваться для предотвращения передачи этой информации.