Гіперпосилання — це той самий клікабельний текст або зображення, що переносить читача на іншу сторінку, файл чи розділ документа. Без нього неможливо уявити жодну сучасну веб-сторінку, електронний лист чи навіть звичайний файл Word. Питання, як зробити гіперпосилання, виникає майже в кожного, хто готує презентацію, пише статтю або створює власний сайт — і відповідь залежить від того, де саме потрібне посилання.
Навіщо взагалі потрібні гіперпосилання
Посилання допомагають структурувати інформацію: замість того щоб копіювати весь текст іншого джерела, достатньо дати на нього коротке посилання. Це економить місце, покращує читабельність і дозволяє швидко переходити між пов’язаними матеріалами. У документах гіперпосилання часто ведуть на інші розділи цього ж файлу, у веб-сторінках — на зовнішні ресурси або внутрішні сторінки сайту.
Як додати посилання у текстовому редакторі Word
Найпростіший спосіб створити посилання — скористатися вбудованими інструментами текстового редактора. У Word це робиться буквально за кілька кліків:
- Виділіть слово або фразу, яку хочете зробити клікабельною.
- Перейдіть у вкладку «Вставлення» та оберіть пункт «Гіперпосилання».
- У вікні, що відкриється, вставте адресу сторінки або оберіть файл на комп’ютері.
- Натисніть «ОК» — текст стане підкресленим і зміниться кольором.
Такий підхід зручний для тих, хто ще не працював з кодом і не знає, як зробити гіперпосилання складнішим способом. Аналогічна логіка діє й у Google Docs: виділяєте текст, натискаєте комбінацію клавіш для вставлення посилання, вводите адресу — і готово.
Створення посилання за допомогою HTML-коду
Якщо ж потрібно розмістити посилання на власному сайті або в html-версії листа, знадобиться базовий тег a. Ось мінімальний приклад коду:
<a href=”https://example.com” target=”_blank”>Текст посилання</a>
Тут href вказує адресу, куди веде посилання, а видимий текст між тегами — те, що бачить користувач. Атрибут target=”_blank” відкриває сторінку в новій вкладці, що зручно, коли ви не хочете, щоб відвідувач одразу залишав ваш сайт. Саме так виглядає відповідь на питання, як зробити гіперпосилання на сайт: достатньо правильно оформити тег і вказати коректну адресу.
Як перетворити звичайний текст URL на активне посилання
Часто трапляється ситуація, коли адреса сайту просто вставлена як текст і не реагує на клік. Щоб це виправити:
- у документах Word достатньо натиснути пробіл або Enter після вставленої адреси — редактор автоматично перетворить її на посилання;
- у html-коді потрібно вручну обгорнути адресу тегом
aз атрибутом href; - у соціальних мережах та месенджерах посилання зазвичай стають клікабельними автоматично одразу після публікації.
Якщо автоматичне перетворення не спрацювало, найнадійніший варіант — прописати посилання вручну через код або меню вставлення гіперпосилання в редакторі.
Кілька технічних нюансів для просунутих користувачів
Для тих, хто працює з сайтом і думає про пошукову оптимізацію, варто знати про додаткові атрибути тега посилання. Атрибут rel=”nofollow” повідомляє пошуковим системам, що не слід передавати вагу сторінці, на яку веде посилання — це часто використовують для реклами чи неперевірених джерел. А rel=”noopener” підвищує безпеку, коли посилання відкривається в новій вкладці, оскільки блокує доступ нової сторінки до вихідної.
Поширені запитання
Чому посилання не працює?
Найчастіша причина — помилка в адресі: зайвий пробіл, пропущена літера або застаріле посилання на видалену сторінку. Також посилання може не працювати, якщо в коді не закритий тег або переплутано лапки.
Як зробити посилання іншим кольором?
Колір посилання змінюється через стилі CSS: досить вказати властивість color для тега a у файлі стилів або в атрибуті style безпосередньо в HTML-коді.
Як прибрати підкреслення у посиланні?
За замовчуванням браузери підкреслюють посилання, але це легко скасувати за допомогою CSS-властивості text-decoration: none, застосованої до потрібного елемента.