Гиперссылка
Гиперссылка (от англ. hyperlink) — это элемент электронного документа, реализующий связь между различными объектами (фрагментами текста, файлами, веб-страницами, медиафайлами) и позволяющий пользователю при активации (обычно щелчком мыши или касанием) перейти к другому ресурсу или выполнить определённое действие. Гиперссылки являются основой гипертекстовой системы, на которой построена Всемирная паутина (World Wide Web).
История
Концепция гипертекста, в которой текст может содержать нелинейные связи между своими частями, была предложена Ванневаром Бушем в 1945 году в статье «As We May Think». Он описал гипотетическое устройство Memex, способное создавать и хранить ассоциативные связи между документами. Термин «гипертекст» ввёл Тед Нельсон в 1965 году в рамках проекта «Xanadu».
Практическая реализация гиперссылок стала возможной с развитием компьютерных сетей. В 1989 году Тим Бернерс-Ли, работая в Европейской организации по ядерным исследованиям (CERN), предложил проект глобальной гипертекстовой системы, который впоследствии стал Всемирной паутиной. Первая в мире веб-страница была опубликована 6 августа 1991 года. Ключевым элементом этой системы стал язык разметки HTML (HyperText Markup Language), в котором для создания гиперссылок используется тег <a> (от англ. anchor — якорь).
Первоначально гиперссылки были исключительно текстовыми и выделялись синим цветом с подчёркиванием. Со временем появились графические ссылки (изображения, кнопки), а также динамические элементы, создаваемые с помощью JavaScript и CSS.
Типы гиперссылок
Гиперссылки классифицируются по нескольким признакам.
По способу адресации
- Внутренние (относительные): указывают на ресурс в пределах того же сайта или файловой системы. Адрес задаётся относительно текущего местоположения документа. Например,
/about/companyили../images/logo.png. - Внешние (абсолютные): содержат полный URL-адрес (Uniform Resource Locator), включающий протокол, доменное имя и путь. Например,
https://example.com/page.html`.
По типу ресурса
- Текстовые: ссылка оформлена в виде текстового фрагмента.
- Графические: ссылкой является изображение или его часть (карта-изображение).
- Медийные: ссылка ведёт на видео-, аудиофайл или другой мультимедийный контент.
- Почтовые: ссылки, открывающие почтовый клиент для отправки письма на указанный адрес (используется протокол
mailto:). - Якорные (закладки): ссылки, ведущие на определённый фрагмент (раздел) той же или другой страницы. Адрес содержит символ
#и идентификатор элемента (например,#section2).
По функциональному назначению
- Навигационные: обеспечивают перемещение по сайту (меню, «хлебные крошки», кнопки «назад» и «вперёд»).
- Контекстные: встроены в основной текст и связывают его с дополнительными материалами, пояснениями или источниками.
- Ссылки на загрузку файлов: ведут на файлы, которые браузер предлагает сохранить (документы, архивы, программы).
- Ссылки на внешние ресурсы: ведут на другие сайты или веб-сервисы.
- Ссылки-действия: выполняют определённый скрипт или команду (например,
javascript:void(0)).
Устройство и синтаксис
В языке HTML гиперссылка создаётся с помощью элемента <a>, который имеет обязательный атрибут href (hypertext reference), содержащий адрес целевого ресурса. Пример:
``html <a href="https://example.com">Текст ссылки</a> ``
Основные атрибуты тега <a>:
href— URL-адрес, на который ведёт ссылка.target— определяет, как будет открыт документ:_self— в том же окне (по умолчанию)._blank— в новом окне или вкладке._parent— в родительском фрейме._top— в полном окне браузера.rel— описывает отношение между текущим документом и целевым. Используется для SEO и безопасности (например,rel="nofollow",rel="noopener noreferrer"при открытии в новой вкладке).title— всплывающая подсказка, отображаемая при наведении курсора.download— указывает браузеру загрузить файл по ссылке, а не открывать его.
Применение и значение
Гиперссылки являются фундаментальным элементом интернета. Они обеспечивают:
- Навигацию: пользователь может перемещаться между страницами и сайтами.
- Связность: документы и ресурсы объединяются в единую информационную сеть.
- Цитирование: ссылки используются для указания источников информации, что повышает достоверность контента.
- Интерактивность: ссылки позволяют запускать приложения, отправлять письма, выполнять скрипты.
За пределами веба гиперссылки используются в электронных книгах, справках операционных систем, офисных приложениях (например, в Microsoft Word и LibreOffice Writer) и других программах, поддерживающих гипертекст.
Критика и проблемы
Несмотря на широкое распространение, гиперссылки имеют ряд недостатков и связанных с ними проблем:
- Битые ссылки: со временем целевые ресурсы могут быть перемещены или удалены, что приводит к ошибке 404 (Not Found). Это снижает удобство использования и может негативно влиять на SEO.
- Ссылочный спам: массовое размещение ссылок на сторонние ресурсы без их содержательной ценности с целью манипуляции поисковыми системами (ссылочный спам) является нарушением правил большинства поисковых систем.
- Безопасность: ссылки могут вести на фишинговые сайты или содержать вредоносный код. Атрибут
rel="noopener noreferrer"рекомендуется использовать для защиты от атаки tabnabbing при открытии ссылок в новой вкладке. - Юридические аспекты: в ряде юрисдикций, включая Российскую Федерацию, размещение ссылок на материалы, признанные экстремистскими, террористическими или запрещёнными, может влечь административную или уголовную ответственность. Владельцы сайтов обязаны контролировать содержимое, на которое ведут гиперссылки, и при обнаружении запрещённой информации удалять такие ссылки.
Интересные факты
- Стандартный синий цвет подчёркнутых ссылок был выбран из-за контрастности на белом фоне и отсутствия искажений при чёрно-белой печати.
- Первая в мире гиперссылка вела на страницу с информацией о проекте World Wide Web.
- Существуют «мёртвые ссылки» (dead links), которые ведут на несуществующие ресурсы. Для их поиска и исправления используются специальные сервисы и программы.
- В 2016 году компания Google (признана в РФ иностранным агентом) объявила, что будет учитывать скорость загрузки страницы как фактор ранжирования, что косвенно влияет на использование гиперссылок.
Источники
- Бернерс-Ли, Т. (1999). Плетя паутину: истоки и будущее Всемирной паутины. — М.: Издательство «Эксмо».
- Нельсон, Т. (1965). Complex information processing: a file structure for the complex, the changing and the indeterminate. — ACM '65 Proceedings of the 1965 20th national conference.
- Спецификация HTML Living Standard. — WHATWG.
- Федеральный закон «Об информации, информационных технологиях и о защите информации» от 27.07.2006 № 149-ФЗ (с изменениями и дополнениями).
- Материалы сайта «Веб-стандарты» (web-standards.ru).
BFOmetr — база данных и аналитика по компаниям России.
На главную BFOmetr →