Якоря в HTML5. Как сделать якорь в HTML правильно?

Якорем называется закладка с уникальным именем на определенном месте веб-страницы, предназначенная для создания перехода к ней по ссылке. Ссылки с якорем обычно используются для создания навигации внутри страницы. Например, оглавления в начале страницы с большой статьёй.

Якоря в 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>

АВТОРИЗАЦИЯ