Открыть сервис

Гиперссылка

Гиперссылка (от англ. 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 (признана в РФ иностранным агентом) объявила, что будет учитывать скорость загрузки страницы как фактор ранжирования, что косвенно влияет на использование гиперссылок.

Источники

  1. Бернерс-Ли, Т. (1999). Плетя паутину: истоки и будущее Всемирной паутины. — М.: Издательство «Эксмо».
  2. Нельсон, Т. (1965). Complex information processing: a file structure for the complex, the changing and the indeterminate. — ACM '65 Proceedings of the 1965 20th national conference.
  3. Спецификация HTML Living Standard. — WHATWG.
  4. Федеральный закон «Об информации, информационных технологиях и о защите информации» от 27.07.2006 № 149-ФЗ (с изменениями и дополнениями).
  5. Материалы сайта «Веб-стандарты» (web-standards.ru).

BFOmetr — база данных и аналитика по компаниям России.

На главную BFOmetr →