Что такое 'якорь' в контексте веб-разработки?

Sobes Copilot

Получайте ответы в реальном времени

Ответ от нейросети

sobes.tech AI

Якорь — это средство навигации внутри веб-страницы. Он позволяет создать ссылку, которая ведет не на другую страницу, а на определенный раздел текущей страницы.

Реализуется с использованием:

Атрибута id: Присваивается элементу, который будет служить destination — местом, куда будет вести якорь. id должен быть уникальным в пределах страницы.
```
<h2 id="section-title">Заголовок раздела</h2>
```
Ссылки с символом # и значением id: В атрибуте href указывается # с последующим значением id целевого элемента.
```
<a href="#section-title">Перейти к разделу</a>
```

При клике по такой ссылке браузер прокручивает страницу до элемента с соответствующим id.

Якоря используются для:

Создания оглавления на длинных страницах.
Быстрого перехода к определенным секциям (например, формам, контактам, примечаниям).
Сохранения позиции пользователя при обновлении или возвращении на страницу.

В URL якорь добавляется после символа #: https://example.com/page#section-title.