Мога ли да направя div като котва?

HTML котви

Котвите (<a>) се използват за препратка към конкретни части от уеб страницата. За целта целевият елемент – заглавие, параграф, изображение или <div> – трябва да има уникален атрибут id. Ако div разполага с id, той може да служи като котва.

Как се използват котви

Котвите са особено полезни при страници с дълъг текст и множество секции. Чрез списък от връзки, всяка от които указва id на заглавие или div, се създава съдържание‑като‑таблица. Друг често срещан случай е "jump" връзка, която връща потребителя в началото на дълга страница, спестявайки скролиране. Също така е възможно да се препраща към конкретен елемент от друга страница.

Закотвяване на div

За да направите div достъпен чрез котва, просто добавете атрибут id:

<div id="my_section">
    ... съдържание ...
</div>

Този id може да се използва в CSS, JavaScript и в <a> елементите. Ако div-ът вече има id, използвайте съществуващия.

Създаване на връзка към div котва

Връзката се оформя чрез задаване на атрибута href на <a> към името на id, предшествано от символа #:

<a href="#my_section">Отиди до моя раздел</a>

Ако линкът се намира на същата страница, браузърът ще скролира директно до елемента с id="my_section". Ако желаете да отворите друг файл и да скочите към конкретен div, използвайте:

<a href="page2.html#my_section">Отиди до моя раздел на Страница 2</a>

Този подход работи във всички съвременни браузъри и е препоръчителната практика за навигация в дълги документи.