Что такое якорь в контексте веб-разработки?

Якорь (anchor) — это ссылка на определенное место внутри текущей веб-страницы или другой страницы. Он позволяет быстро перейти к нужному разделу контента, не прокручивая всю страницу вручную.

Якори создаются с помощью HTML-тегов:

1. Элемент-цель (якорь): Элемент, к которому будет осуществляться переход. Он обозначается атрибутом id.

   <!-- Целевой элемент с идентификатором -->
   <h2 id="section-title">Заголовок раздела</h2>
   

2. Элемент-ссылка: Элемент, при клике на который произойдет переход к якорю. Он обозначается тегом <a> с атрибутом href, значением которого является символ # и id целевого элемента.

   <!-- Ссылка на якорь -->
   <a href="#section-title">Перейти к заголовку раздела</a>
   

При клике на ссылку с атрибутом href="#section-title", браузер прокрутит страницу так, чтобы элемент с id="section-title" оказался в видимой области.

Якори часто используются для:

• Навигации по длинным страницам (например, таблицы содержимого).
• Создания ссылок внутри одного документа.
• Перехода к определенному разделу на другой странице (например, mypage.com/article#conclusion).