Как сделать якорь ссылки

Что такое якорь ссылки? Это те же ссылки, но с переходом на конкретное место на странице сайта.

Чаще всего ссылки якори применяются в больших статьях, чтобы сразу сослаться на конкретное место. Также они всегда применяются при создании блока "содержание статьи" (если, конечно, такой блок вообще используется).

Синтаксис якоря ссылки:

<a href="#yakor_1">Ссылка-якорь 1</a> <a href="#yakor_2">Ссылка-якорь 2</a> ... ... <h2 id="yakor_1">Какой-то заголовок для якоря 1</h2> <p> ... </p> <h2 id="yakor_2">Какой-то заголовок для якоря 2</h2> <p> ... </p>

Ссылка для якоря обладает следующими особенностями:

1. Если ссылка должна вести на эту же страницу, то просто указываем через решетку # название якоря. В нашем примере #yakor_1.

2. Если ссылка ведет на другую страницу, то нужно прописать ее адрес, а потом через решетку уже якорь:

<a href="/categ/adres_stranicy.html#yakor_1">Ссылка-якорь 1</a>

Место в которое ведет якорь должно быть помечено через id. Например, в нашем случае это id="yakor_1". Обратите внимание, что решетка отсутствует.

В выше рассмотренным примере мы применили якорь к тегу <h2>, но это лишь пример. Якорь можно вставлять в любом теге, который позволяет применить атрибут id.

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

В больших статьях применения подобных конструкций более чем обосновано и нужно. Ведь так удобно в любом месте статьи сослаться на какой-то заголовок или раздел другой статьи.