Skip to main content

Що таке фрагмент | якір (anchor) у посиланні?

Фрагмент (якір, anchor) - це частина посилання, яка дає змогу переходити не на всю сторінку, а до конкретного місця всередині неї.


Як це працює

Фрагмент позначається символом # та ідентифікатором елемента (id), до якого потрібно перейти. Коли користувач клікає на таке посилання, браузер прокручує сторінку до потрібного елемента.


Приклад:

html
<a href="#contact">Перейти до контактів</a> <h2 id="contact">Контакти</h2> <p>Телефон, адреса, пошта...</p>

Під час натискання на посилання сторінка плавно прокрутиться до заголовка з id="contact".


Фрагменти можуть бути:

  1. Внутрішніми (посилання на ту саму сторінку):
html
<a href="#top">Нагору</a> <div id="top"></div>
  1. Зовнішніми (посилання на якір на іншій сторінці):
html
<a href="about.html#team">Наша команда</a>

Тут відбудеться перехід на сторінку about.html і прокрутка до елемента з id="team".


Особливості:

  • Якір не потребує окремого файлу: він посилається на елемент за атрибутом id.
  • Не чутливий до регістру (#Contact і #contact - те саме).
  • Використовується для зручної навігації довгими сторінками, меню, змістом, FAQ тощо.

Висновок:

Фрагмент (якір) - це внутрішня мітка на сторінці, яка створюється через id і дає змогу посиланню з # миттєво перенести користувача до потрібного місця без перезавантаження сторінки.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.