Якорем называется закладка с уникальным именем на определенном месте веб-страницы, предназначенная для создания перехода к ней по ссылке. Ссылки с якорем обычно используются для создания навигации внутри страницы. Например, оглавления в начале страницы с большой статьёй.
Якоря в HTML используются для перехода к определенным элементам веб-документа. Тег <a> может указывать на любой элемент с атрибутом id. Как правило, якоря в HTML используются в сочетании с заголовками для перехода к подразделу страницы.
Как сделать якорь в HTML: Видео
Ссылка с якорем содержит символ #, после которого идёт идентификатор. Идентификатор создаётся с помощью атрибута id, который может быть задан у любого тега.
Пример якоря в HTML5
<h2 id="contents">Оглавление</h2>
<ol>
<li><a href="#part1">Часть 1</a></li>
<li><a href="#part2">Часть 2</a></li>
<li><a href="#part3">Часть 3</a></li>
</ol>
<h2 id="part1" style="text-align: center;"><strong>Часть 1</strong></h2>
<p>Здесь текст</p>
<h2 id="part2" style="text-align: center;"><strong>Часть 2</strong></h2>
<p>Здесь текст</p>
<h2 id="part3" style="text-align: center;"><strong>Часть 3</strong></h2>
<p>Здесь текст</p>
