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

АВТОРИЗАЦІЯ