Якорь — это метка внутри HTML-документа, позволяющая создать прямую ссылку на определенное место на странице. Чаще всего якоря используются для навигации внутри одной веб-страницы.
Реализуется якорь с помощью атрибута id у HTML-элемента и ссылки (<a>) с атрибутом href, начинающимся с символа # и имени якоря (id).
htmlПри клике на ссылку с href="#section2" браузер автоматически прокрутит страницу к элементу с id="section2".
Таблица сравнения использования якорей и обычных ссылок:
| Характеристика | Якорь (href="#id") | Обычная ссылка (href="/page") |
|---|---|---|
| Куда ведет ссылка | На определенное место на текущей странице | На другую страницу или ресурс |
Символ в href | Начинается с # | Обычно начинается с / или протокола (http://) |
| Функция | Навигация внутри страницы | Навигация между страницами |