Якорная ссылка (anchor link) - это ссылка внутри веб-страницы, которая позволяет перейти к определенному месту на этой же странице, например, к заголовку, таблице, списку или к любому другому элементу страницы.
Для создания якорной ссылки необходимо выполнить два шага:
- Определить якорь (anchor) на странице. Для этого нужно установить идентификатор (id) на элемент, к которому будет вести якорная ссылка. Например, для создания якорной ссылки на заголовок страницы, можно установить идентификатор на тег
<h2>следующим образом:
<h2 id="my-header">Заголовок страницы</h2>- Создать ссылку на якорь. Для этого нужно использовать тег
<a>и указать в атрибуте href символ решетки (#) и идентификатор элемента, к которому нужно перейти:
<a href="#my-header">Перейти к заголовку страницы</a>В данном примере, при нажатии на ссылку, страница будет прокручена к элементу с идентификатором “my-header” - к заголовку страницы.
Якорные ссылки могут быть полезны в больших документах с множеством разделов, где пользователи могут искать конкретную информацию на странице. Они также могут использоваться для создания навигации на одной странице или для создания ссылок на определенные места на сайте.