Создание гиперссылок
<a> элемент
Основная ссылка создается путем обертывания текста или другого содержимого внутри элемента <a>
и использования атрибута href
(гипертекстовая ссылка), который содержит веб-адрес.
<p>I'm creating a link to <a href="www.google.com">the Google homepage</a>.</p>
Это дает нам следующий результат:
Я создаю ссылку на домашнюю страницу Google.
- Атрибут
title
Заголовок содержит дополнительную информацию о ссылке, например, какого рода информацию содержит страница или о чем следует помнить на сайте. При наведении курсора на ссылку отображается заголовок.
<p>
I'm creating a link to
<a href="www.google.com" title="The best place for searching information"
>the Google homepage</a
>.
</p>
<p>I'm creating a link to <a href="www.google.com" title="The best place for searching information">the Google homepage</a>.</p>
- Атрибут
download
Когда вы ссылаетесь на ресурс, который должен быть загружен, а не открыт в браузере, вы можете использовать атрибутdownload
, чтобы указать имя файла сохранения по умолчанию. Вот пример ссылки на загрузку последней версии Firefox для Windows:
<a
href="https://download.mozilla.org/?product=firefox-latest-ssl&os=win64&lang=en-US"
download="firefox-latest-64bit-installer.exe"
>
Download Latest Firefox for Windows (64-bit) (English, US)
</a>
Это дает нам следующий результат:
Скачать последнюю версию Firefox для Windows (64-бит) (английский, США)
- Ссылки электронной почтыМожно создавать ссылки или кнопки, которые при нажатии открывают новое сообщение исходящей электронной почты, а не ссылку на ресурс или страницу. Для этого используется элемент
<a>
и схема URLmailto:
. В своей самой простой и часто используемой форме ссылкаmailto:
указывает адрес электронной почты адресата.
<a href="mailto:nowhere@gmail.com">Send email to nowhere</a>
В результате получается ссылка, которая выглядит следующим образом: Отправить электронное письмо в никуда
На самом деле, адрес электронной почты является необязательным. Если вы опустите его и ваша href
будет «mailto:», новое окно исходящей электронной почты будет открыто почтовым клиентом пользователя без адреса назначения.
Указание деталей
Помимо адреса электронной почты, вы можете указать и другую информацию. Наиболее часто используемые из них — «тема», «cc» и «тело».
<a
href="mailto:nowhere@mozilla.org?cc=name2@rapidtables.com&bcc=name3@rapidtables.com&subject=The%20subject%20of%20the%20email&body=The%20body%20of%20the%20email"
>
Send mail with cc, bcc, subject and body
</a>
%20
обозначает пробел.
Фрагменты документа
Можно сделать ссылку на определенную часть HTML-документа, называемую фрагментом документа
, а не только на верхнюю часть документа. Для этого сначала нужно присвоить атрибут id
элементу, на который вы хотите сослаться. Чтобы сослаться на конкретный id
, вы должны указать его в конце URL-адреса, предваряя хэш-символом (#
).
<h1 id="h1">I am h1</h1>
<a href="#h1">Heading to h1</a>