Приветствую Вас, уважаемые читатели. Сегодня наша тема: "Навигация по странице сайта - якоря". Как сделать навигационное меню по статье или странице, чтобы при клике по элементу, производился быстрый доступ к необходимой части статьи или страницы?

Решение данной задачи – это создание ссылок якорей.

ссылка якорь

Ссылка якорь - это ссылка, ведущая не на другую страницу, а на какое-то место внутри той же страницы.

Как создать ссылку якорь?

  • Для создания ссылки якоря, нужно ссылающийся элемент разместить внутри тегов <a></a>.
<a href="#идентификатор">Ссылающийся
элемент</a>

Идентификатором может быть, как цифра (или цифры), так и буква (или буквы). Если идентификаторов на странице несколько, они не должны быть одинаковыми.

  • После этого, рядом с элементом, на который нужно отправить по ссылке созданной выше, нужно разместить саму ссылку якорь:
<a id="идентификатор"> </a>
  • Вот и всё. При клике по ссылающемуся элементу, будет произведена автоматическая прокрутка страницы до места нахождения якоря.

Таким образом, если у Вас в начале статьи, есть содержание с названием разделов статьи, то Вы можете, при помощи ссылок якорей, создать навигационное меню по статье. При клике по названию раздела в содержании статьи, будет происходить автоматическая прокрутка до данного раздела.

Сегодня мы рассмотрели тему: "Навигация по странице сайта - якоря". Узнали как можно создать навигационное меню по статье или странице.

Надеюсь статья была вам полезна. До встречи в новых статьях.

✍

С уважением, Андрей Бондаренко.