Ссылка (href a): описание, примеры и область применения

Href атрибут является одним из основных атрибутов HTML элемента <a>, который указывает на цель ссылки. Эта цель - адрес URL (Uniform Resource Locator), который определяет местонахождение ресурса в сети интернет. Он может быть как относительным, указывая на документ, находящийся на том же веб-сайте, на котором расположен элемент <a>, так и абсолютным, указывая на внешний ресурс.

Атрибут href может принимать различные значения, включая ссылки на веб-страницы, на документы в различных форматах (например, .pdf или .doc), на изображения, на адреса электронной почты и даже на определенные позиции на странице (так называемые якоря). Рассмотрим несколько примеров использования атрибута href:

Перейти на примерную веб-страницу

В данном примере при клике на текст "Перейти на примерную веб-страницу" пользователь будет перенаправлен на веб-страницу по адресу http://www.example.com.

Открыть примерный PDF-документ

При нажатии на текст "Открыть примерный PDF-документ" пользователь сможет скачать или открыть PDF-файл с именем "example.pdf", который находится в папке "documents" на веб-сайте.

В этом примере мы создаем ссылку на полноразмерное изображение по адресу "images/example.jpg". Однако вместо текста мы вставляем миниатюру этого изображения, которая отображается с помощью элемента <img>. Когда пользователь нажимает на миниатюру, он переходит на страницу с полноразмерным изображением.

Написать письмо

При клике на текст "Написать письмо" откроется почтовый клиент пользователя с предварительно заполненным адресом info@example.com. Таким образом, пользователь может легко отправить электронное письмо на указанный адрес.

Перейти к Разделу 2

...

Раздел 2

В этом примере ссылка "Перейти к Разделу 2" указывает на якорь с id "section2". При клике на эту ссылку страница будет прокручена к соответствующему разделу, помеченному тегом <h2> с указанным id.

Вот некоторые примеры использования атрибута href для создания ссылок на различные ресурсы. Помните, что это только некоторые из возможностей атрибута href, и его полный охват выходит за рамки данного ответа.