Чат веб-разработчиков
Ссылка с якорем в HTML

Ссылка с якорем

Наверняка вы натыкались в Интернете на страницы, в начале которых имелось краткое содержание. И достаточно было кликнуть на определённый пункт и страница просто проматывалась до нужного места без перезагрузки. Это происходит благодаря ссылкам с якорями.

Такие ссылки применяются, как правило, чтобы сформировать навигацию внутри самой страницы. Ярким примером необходимости такой навигации может служить оглавление, размещаемое в начале длинной статьи.

Обязательным элементом ссылки с якорем является символ #. А за этим символом, в свою очередь, следует идентификатор. Для создания идентификатора используется атрибут id. Он может указываться у любого тега.

Однако, можно указать адрес, в котором будет один лишь якорь. Приведем пример.

Код доступен только после покупки курса HTML для начинающих.

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

Также допустимо применение якоря в абсолютных адресах. В таких случаях браузер сперва откроет необходимую страницу, а после чего пролистает ее до соответствующего элемента.

Читайте также
Комментарии


doubledonea
doubledonea

В каких случаях используется такой формат якоря?

<a name="anchor">Якорь</a>
ivashkevich
ivashkevich

Привет, использовались до HTML5, сегодня все используют id.
Дополнительную инфу по тегам советую смотреть на этом сайте - http://htmlbook.ru/html/a/name

doubledonea
doubledonea

Понял, спасибо.

gvardeitsev@mail.ru
gvardeitsev@mail.ru

Что-то никак не могу въехать в этот урок, как выполнить задание

ivashkevich
ivashkevich

Домашку читали?

Dmixer
Dmixer

Артем, доброго времени суток! Благодарю Вас за полезную информацию!Спасибо за труды!
Скажите пожалуйста,как сделать "высоту в три экрана"? ДЗ я выполнил,все получилось,но пришлось использовать комбинации ctrl + c,ctrl + v =D Другого способа я к сожалению не нашел...

ivashkevich
ivashkevich

Приветствую! А другого способа здесь и не надо.
Задача в том, чтобы с якорями научиться работать.
А наполнить страничку - почему бы и не копипастой. Не надо лишний раз усложнять :)