imported>Пушёк: /* Ссылки */

2026-01-31T12:54:48Z

Ссылки

Новая страница

{{значения|Ссылка}}
[[Файл:Hyperlinks-cyr.svg|мини|альт=Визуальное представление нескольких документов, связанных гиперссылками|Схема работы гипертекстовой системы]]

'''Гиперссылка''' ({{lang-en|hyperlink}}) — часть [[гипертекст]]ового документа, ссылающаяся на элемент в этом документе (команда, текст, изображение, сноска) или на другой объект ([[файл]] (документ), [[Каталог (файловая система)|каталог]], приложение), расположенный на локальном диске или в [[Компьютерная сеть|компьютерной сети]], либо на элементы этого объекта.

== Описание ==
[[Файл:Hyperlink example-cyr-16pt.svg|мини|альт=Текст с гиперссылкой, отображаемый в веб-браузере|Пример гиперссылки, которую обычно можно увидеть в веб-браузере, с указателем мыши, находящимся над ней. В качестве образца используется текст панграммы среды рабочего стола [[KDE]]]]
Гиперссылка может быть добавлена к любому элементу [[Веб-страница|HTML-документа]] или [[Portable_Document_Format|PDF документа]]. Часть текста с добавленной ссылкой по умолчанию выделяется синим цветом, как в предыдущем предложении. При наведении курсора мыши на текст со ссылкой он или меняет цвет или выделяется подчеркиванием. При навигации в браузере с помощью клавиатуры текстовые и графические элементы со ссылками выделяются прямоугольной пунктирной рамкой. Посещенная ранее ссылка обычно выделяется цветом, отличным от цвета непосещённой ссылки.

«Битой» ссылкой называют такую гиперссылку, которая ссылается на отсутствующий по каким-либо причинам объект, например, если документ или файл удален или перемещен администратором ресурса, на котором он был расположен, или если сам ресурс недоступен. Обычно в таком случае на странице появляется сообщение с [[Список кодов состояния HTTP#4xx: Client Error|кодом ошибки]], но это происходит не всегда.

'''Составные части гиперссылки с полным именем''' — <nowiki>http://www.example.com/test-papka/index.html</nowiki>, где:
{| class="wikitable"
|'''http:// '''
|'''[[Протокол передачи данных#Примеры сетевых протоколов|протокол доступа]]'''
|-
|'''www.example.com'''
|'''[[доменное имя]] или [[IPv4#Представление адреса|IP]] сервера'''
|-
|:80
|[[Порт (компьютерные сети)|порт]] (не обязательно)
|-
|'''/test-papka/index.html'''
|'''[[URL#URL-путь|путь и имя файла web-страницы]]'''
|}

== Гиперссылки HTML-страницы ==
Гиперссылка — фрагмент HTML-документа и его базовый элемент:
* указывающий на другой файл, который может быть расположен в [[Интернет]]е;
* содержащий полный путь ([[URL]]) к этому файлу.

Гиперссылка для пользователя — графическое изображение, видео или текст на сайте, в письме электронной почты или в каком-либо электронном документе, устанавливающие связь и позволяющие переходить к другим объектам Интернета.

=== Гиперссылка на другую HTML-страницу ===
Для определения ссылки в HTML используется тег <code><nowiki><a></nowiki></code>, структура которого имеет вид <code><nowiki><a href="filename">Текст ссылки</a></nowiki></code>, где <tt>filename</tt> — имя файла или адрес в Интернете, на который необходимо сослаться, а <tt>Текст ссылки</tt> — текст гипертекстовой ссылки, который будет непосредственно показан в HTML-документе. Также можно использовать аргумент TARGET, который показывает, в каком окне будет открыта ссылка (значения — _blank (новом), _self (текущем)). target="имя окна">.<ref>{{Cite web|last=Mozilla Developer Network|title=<a> Anchor элемент (гиперссылка) - HTML|url=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a|url-status=live|access-date=2022-09-01|website=developer.mozilla.org|archive-date=2022-08-30|archive-url=https://web.archive.org/web/20220830154353/https://developer.mozilla.org/en-US/docs/Web/HTML/Element/A}}</ref>

Например, гипертекстовая ссылка:<ref>{{Cite web|last=Mozilla Developer Network|title=Что такое URL (href, абсолютный и относительный)? - MDN|url=https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_is_a_URL#absolute_urls_vs_relative_urls|url-status=live|access-date=2022-09-01|website=developer.mozilla.org|archive-date=2022-09-01|archive-url=https://web.archive.org/web/20220901064924/https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_is_a_URL#absolute_urls_vs_relative_urls}}</ref>
* <code><nowiki><a href="my-photo.html">Мои работы</a></nowiki></code> — ссылается на документ my-photo.html ''в текущем каталоге'', образуя гипертекстовую ссылку в виде выделенного текста «Мои работы»;
* <code><nowiki><a href="/photo/my-photo.html">Мой фотоальбом</a></nowiki></code> — ссылается на файл my-photo.html, расположенный ''в подкаталоге photo корневого каталога'' и образует ссылку в виде текста «Мой фотоальбом»;
* <code><a href="layout/comments.html">Комментарии</a></code> — ссылается на файл comments.html, расположенный относительно текущего ''в подкаталоге layout'';
* <code><nowiki><a href="./">Фото</a></nowiki></code> — ссылается ''на индексный файл в текущем каталоге'';
* <code><a href="../profile.html">Профиль</a></code> — ссылается на файл profile.html ''в родительском каталоге'';
* <code><nowiki><a href="http://www.site.com">Мой сайт</a></nowiki></code> — ссылается на ресурс, расположенный ''на удаленном сервере''.
* <code><a href="//www.site.com/index.html">Мой сайт</a></code> — ссылается на ресурс, расположенный ''на удаленном сервере, без уточнения протокола http/https''.
* <code><nowiki><a href="my-photo.html" target="_blank">Открыть в новом окне</a></nowiki></code>

=== Почтовая гиперссылка ===
Для создания ссылки на адрес [[электронная почта|электронной почты]] используется [[URI]]-схема <code><nowiki>mailto:</nowiki></code>, после которой необходимо указать [[e-mail]] адресата:
<source lang="html5">
<a href="mailto:e-mail">Текст ссылки</a>
</source>
При создании почтовой гиперссылки можно указывать тему отправляемого сообщения и тело письма. Для этого используются поля subject и body. Тема письма задается в поле subject, тело письма в поле body.

Например:
<source lang="html5">
<a href="mailto:e-mail?subject=Тема&body=Тело письма">Текст ссылки</a>
</source>

=== Порядок перехода по гиперссылкам ===
Некоторые браузеры могут поддерживать функцию перехода по гиперссылкам с помощью клавиши Tab. При этом браузер по умолчанию подсвечивает гиперссылки в порядке их следования в тексте страницы. Изменить порядок перехода можно с помощью атрибута TABINDEX тэга <code><nowiki><a></nowiki></code>. Чтобы включить гиперссылку в перечень, описывающий новый порядок перехода, надо присвоить атрибуту TABINDEX некоторое целое положительное число в диапазоне {{s|от 1 до 32767.}} Чтобы исключить гиперссылку из перечня, надо присвоить атрибуту любое отрицательное число. Когда пользователь нажимает клавишу Tab, курсор перемещается к гиперссылке с наименьшим положительным значением индекса. Если нескольким гиперссылкам присвоено одинаковое значение индекса, первой выбранной окажется та, которая в тексте страницы стоит выше.

== См. также ==
{{wiktionary|гиперссылка}}
* [[Семантический URL]]
* [[XLink]]

== Примечания ==
{{Примечания}}

== Ссылки ==
* [https://msdn.microsoft.com/ru-ru/library/windows/apps/hh700379.aspx Руководство по гиперссылкам] {{Wayback|url=https://msdn.microsoft.com/ru-ru/library/windows/apps/hh700379.aspx |date=20160413194438 }} — [[MSDN]]{{ref|ru}}
* [http://www.artlebedev.ru/kovodstvo/sections/54/ § 54. Краткий экскурс в историю гипертекста] {{Wayback|url=http://www.artlebedev.ru/kovodstvo/sections/54/ |date=20160413073007 }}{{ref|ru}}
* [http://www.artlebedev.ru/kovodstvo/sections/83/ § 83. Секреты хорошего гипертекста] {{Wayback|url=http://www.artlebedev.ru/kovodstvo/sections/83/ |date=20160407194520 }}{{ref|ru}}
* [http://www.artlebedev.ru/kovodstvo/sections/171/ § 171. Правила оформления ссылок] {{Wayback|url=http://www.artlebedev.ru/kovodstvo/sections/171/ |date=20160414043345 }} — [[Ководство]]{{ref|ru}}

{{Внешние ссылки}}
{{Элементы интерфейса пользователя}}

[[Категория:Всемирная паутина]]
[[Категория:Гипертекст|*]]

Гиперссылка - История изменений

imported>Пушёк: /* Ссылки */