Якоря в HTML
Якорь, это некая закладка на странице. Чтобы быстро перейти к какой-либо части на странице, используют якорь. Якорь делается просто: в нужном месте пишут ссылку <a>
, дать ей имя при помощи атрибута name
, далее пишут еще одну ссылку, уже из того места, откуда нам нужно перейти к якорю, но пишут ее с атрибутом href
, в значении указывается символ решетка (#
), а далее пишется имя закладки (якоря). Далее пример:
<a name = "top"></a>
<p height = "2000px"></p>
<a href = "#top">Наверх</a>
Между тегами <a> ... </a>
в закладке текст необязателен, так как мы просто указываем место перехода. Ссылка на закладку может быть с любой страницы. Далее пример:
<a href = "http://codebra.ru#bottom">Перейти к нижней части текста</a>
Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков), вам нужно авторизоваться
- Напишите якорь с именем
go
(вместо <!-- якорь -->) - Сделайте ссылку на якорь с этим именем (вместо <!-- ссылка на якорь -->)
– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter.
– Не знаете как сделать? Нажмите на кнопку Обсуждение и задайте вопрос!