HTML:Атрибуты/href: различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
| (не показана 1 промежуточная версия этого же участника) | |||
| Строка 1: | Строка 1: | ||
{{HTML панель перехода}} | {{HTML панель перехода}} | ||
=Атрибут href= | =Атрибут href= | ||
| Строка 6: | Строка 6: | ||
==Синтаксис== | ==Синтаксис== | ||
<syntaxhighlight lang="html5 | <syntaxhighlight lang="html5"> | ||
href = "URI" | href = "URI" | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 22: | Строка 22: | ||
==== Исходный код==== | ==== Исходный код==== | ||
<syntaxhighlight lang="html5 | <syntaxhighlight lang="html5"> | ||
<a href="http://wikihandbk.com/ruwiki/images/e/e8/Snap-Together_Test_Fitting.zip">Ссылка на файл</a> | <a href="http://wikihandbk.com/ruwiki/images/e/e8/Snap-Together_Test_Fitting.zip">Ссылка на файл</a> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 38: | Строка 38: | ||
==== Исходный код ==== | ==== Исходный код ==== | ||
<syntaxhighlight lang="html5 | <syntaxhighlight lang="html5"> | ||
<a href="mailto:test@test.ru">Отправить письмо</a> | <a href="mailto:test@test.ru">Отправить письмо</a> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 54: | Строка 54: | ||
==== Исходный код ==== | ==== Исходный код ==== | ||
<syntaxhighlight lang="html5 | <syntaxhighlight lang="html5"> | ||
<a href="tel:+1111111111">Позвонить по телефону</a> | <a href="tel:+1111111111">Позвонить по телефону</a> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 70: | Строка 70: | ||
==== Исходный код ==== | ==== Исходный код ==== | ||
<syntaxhighlight lang="html5 | <syntaxhighlight lang="html5"> | ||
<a href="http://example.com/site.html#якорь1">Ссылка на именованный якорь</a> | <a href="http://example.com/site.html#якорь1">Ссылка на именованный якорь</a> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 86: | Строка 86: | ||
==== Исходный код ==== | ==== Исходный код ==== | ||
<syntaxhighlight lang="html5 | <syntaxhighlight lang="html5"> | ||
<a href="#якорь1">Ссылка на именованный якорь</a> | <a href="#якорь1">Ссылка на именованный якорь</a> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Текущая версия от 13:09, 18 июня 2023
Атрибут href
Синтаксис
href = "URI"
Описание
Указывает местоположение целевого документа или веб-ресурса(например файлы с расширением: .pdf, .zip, .mp3, .jpeg и другие).
Примеры
№1
Атрибут href указывает на файл с именем "Snap-Together_Test_Fitting.zip".
Исходный код
<a href="http://wikihandbk.com/ruwiki/images/e/e8/Snap-Together_Test_Fitting.zip">Ссылка на файл</a>
Отображение в браузере
№2
Для отправки электронной почты используется следующий код(браузер запустит пользовательскую почтовую программу с открытым окном создания сообщения):
Исходный код
<a href="mailto:test@test.ru">Отправить письмо</a>
Отображение в браузере
№3
В значении атрибута можно указать ссылку на мобильный телефон(браузеры мобильных телефонов могут отображать окно предупреждения, позволяющее пользователю позвонить по номеру):
Исходный код
<a href="tel:+1111111111">Позвонить по телефону</a>
Отображение в браузере
№4
Ссылка на именованный якорь на внешнем документе:
Исходный код
<a href="http://example.com/site.html#якорь1">Ссылка на именованный якорь</a>
Отображение в браузере
№5
Ссылка на именованный якорь в текущем документе:
Исходный код
<a href="#якорь1">Ссылка на именованный якорь</a>
