Что такое 'якорь' в веб-разработке?

Якорь — это метка внутри HTML-документа, позволяющая создать прямую ссылку на определенное место на странице. Чаще всего якоря используются для навигации внутри одной веб-страницы.

Реализуется якорь с помощью атрибута id у HTML-элемента и ссылки (<a>) с атрибутом href, начинающимся с символа # и имени якоря (id).

<a href="#section2">Перейти ко второму разделу</a>

<section id="section1">
  <h2>Первый раздел</h2>
  <p>Содержимое первого раздела.</p>
</section>

<section id="section2">
  <h2>Второй раздел</h2>
  <p>Содержимое второго раздела.</p>
</section>

При клике на ссылку с href="#section2" браузер автоматически прокрутит страницу к элементу с id="section2".

Таблица сравнения использования якорей и обычных ссылок: