Якоря в HTML используются для создания ссылки на какое-либо место страницы. Их часто можно увидеть в оглавлениях, которые ссылаются на главы, которые находятся на той же самой странице.
Для того чтобы создать якорь нужно в требуемом месте HTML-документа сделать закладку. Для этого есть два способа.
Первый способ заключается в том, что мы прописываем атрибут name для ссылки.
1 |
<a name="chapter1"></a> |
Второй способ заключается в том, что мы даём идентификатор (id) любому элементу HTML-документа.
1 |
<p id="chapter1">бла-бла-бла</p> |
Закладка сделана. Теперь можно сделать ссылку на эту закладку.
1 2 |
<a href="#chapter1">Глава1</a> <a href="......./somepage.html#chapter1">Глава1 в странице somepage.html</a> |
Как видите, мы просто ставим символ «#» и за ним название якоря. Его можно ставить после обычной ссылки на HTML-страницу, как показано во втором варианте, тогда при клике будет открываться указанная страница и прокручиваться до нужного места.