Гиперссылка: создание и оформление активных ссылок¶

Гиперссылка — это ссылка на другой документ, файл или веб-страницу, которая при нажатии или наведении курсора позволяет перейти к связанному ресурсу. Активной ссылка считается, когда она корректно указывает на целевой адрес, визуально отличается от обычного текста и работает в браузере или текстовом редакторе. Основные способы создания активных ссылок — HTML-тег <a>, функции и гиперссылки в Microsoft Word, Google Документах и LibreOffice Writer, а также Markdown-разметка.

¶Основы работы гиперссылок

Активная ссылка состоит из двух частей: видимого текста (якоря) и адреса назначения — URL. Адрес может указывать на внешний сайт, внутреннюю страницу того же сайта (относительный путь), файл для скачивания или определённый фрагмент документа (якорь). Чтобы ссылка была активной, адрес должен быть записан полностью, с указанием протокола http:// или https://, иначе браузер может воспринять его как относительный путь.

По умолчанию браузеры отображают ссылки синим цветом и подчёркиванием, а после посещения — фиолетовым. Это визуальное отличие и есть признак того, что текст распознан как ссылка. Если подчёркивание отсутствует, чаще всего причина в том, что адрес пропущен или записан с ошибкой.

¶Создание ссылки в HTML

В HTML активная ссылка создаётся тегом <a> с обязательным атрибутом href:

``html <a href="https://example.ru">Название сайта</a> ``

Для открытия ссылки в новой вкладке используется атрибут target="_blank":

``html <a href="https://example.ru"; target="_blank" rel="noopener">Название сайта</a> ``

Атрибут rel="noopener" добавляется по соображениям безопасности — он запрещает открытой странице управлять исходной.

Для ссылки на внутреннюю страницу указывается относительный путь:

``html <a href="/about/">О компании</a> ``

Для перехода к конкретному фрагменту страницы сначала задаётся идентификатор элемента, затем ссылка с символом #:

``html <a href="#section2">К разделу 2</a> ``

¶Оформление ссылок в текстовых редакторах

¶Microsoft Word

В Word ссылка вставляется через меню «Вставка» → «Ссылка» → «Гиперссылка». В диалоговом окне указывается адрес и отображаемый текст. Быстрый способ — выделить текст и нажать Ctrl+K. Ссылка становится активной сразу после вставки; в режиме чтения или при удерживании Ctrl она открывается в браузере. Чтобы изменить адрес, достаточно нажать на ссылку правой кнопкой мыши и выбрать «Изменить гиперссылку».

¶Google Документы

В Google Документах используется сочетание Ctrl+K (или меню «Вставка» → «Ссылка»). Ссылка сразу становится активной и открывается по клику с удержанием Ctrl. Отличие от Word — автоматическая проверка адреса: если URL некорректен, документ предложит исправить его.

¶LibreOffice Writer

В LibreOffice аналогично: меню «Вставка» → «Гиперссылка» или Ctrl+K. Для активации в режиме просмотра достаточно переключить документ в режим «Веб-страница» или экспортировать в формат HTML.

¶Markdown и другие разметки

В Markdown ссылка записывается в квадратных и круглых скобках:

``markdown Название сайта ``

Этот синтаксис поддерживают GitHub, Habr, Википедия и большинство современных CMS. Для картинки-ссылки используется синтаксис изображений: .

¶Типичные ошибки

• Отсутствие протокола https://` — браузер воспринимает адрес как относительный путь.
• Лишние пробелы внутри URL или в кавычках.
• Использование & вместо & в адресах с параметрами — в HTML-коде амперсанд должен быть экранирован.
• Ссылка на локальный файл (C:\Users\...), недоступный другим пользователям.
• Слишком длинный видимый текст, из-за которого ссылка визуально сливается с абзацем.