Найти тему
FRONTEND FLOW

[HTML] Якорные ссылки

Якорная ссылка (anchor link) в HTML используется для перехода на конкретный фрагмент страницы. Для создания якорной ссылки необходимо выполнить два шага:

1. Добавить якорь (anchor) в код HTML.

Чтобы добавить якорь, нужно вставить атрибут id с уникальным идентификатором внутри тега, который вы хотите сделать доступным через ссылку. Например:

-2

Здесь мы добавили якорь с идентификатором section1 в заголовок второго уровня (h2).

2. Создать ссылку на якорь.

Для создания ссылки на якорь используется тег <a> и атрибут href. В качестве значения атрибута href указывается символ решетки (#) и идентификатор якоря. Например:

-3

Здесь мы создали ссылку, которая будет переходить к якорю с идентификатором section1.

Также можно добавить якорь к любому другому элементу на странице, например, к картинке, таблице или даже к текстовому элементу. Просто добавьте атрибут id с уникальным идентификатором в нужный тег и создайте ссылку на него, как описано выше.

Важно отметить, что идентификаторы якорей должны быть уникальными на странице, иначе ссылки на них могут работать некорректно.