Якорь на странице
extra_toc

Случалось ли у Вас такое: ищешь-ищешь нужный тебе материал, находишь статью, открываешь – и начинаешь разгонять колесо прокрутки мышки, да так, что палец начинает краснеть, а желание что-то читать сводится к нулю ? А все потому, что нужный тебе материал\абзац\строчка находится в самом низу статьи, ну или очень близко к нему, и вывалился в поисковик только по ключевому слову.

Чтобы такого не было на страницах Вашего сайта и придуман якорь (он же anchor) – способный самым немагическим образом перебросить читателя в нужное место страницы, если конечно мы это место ему укажем. Давайте разбираться.

Пример использования якоря смотрите ниже.

Что такое якорь ?

Порядок установки якоря на одной странице

Порядок установки якоря на любую страницу 

Заключение 

Что такое якорь ?

Якорь – эта та же ссылка, указывающая на определенной место\абзац\строчку\слово на странице. Чаще всего якоря используются на страницах с большим количество текста, чтобы упростить жизнь современных читателей, а также продлить срок службы «ручных» манипуляторов (читай – «мышек»).

Порядок установки якоря на одной странице

Для еще большего упрощения всего процеса установки якоря будем действовать в следующем «обратном» порядке.

1. Создаем ссылку (link) при нажатии на которую как раз и будет работать якорь.

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

anchor1_2.jpg

Придумываем имя якорю, предварительно поставив символ # - именно он превращает нашу обычную ссылку – в «якорную».

anchor2_2.jpg

Затем копируем название ссылки до знака # и вставляем её.

anchor3_2.jpg

Половина пути уже пройдена, а наша удовлетворенность процессом уже давно перевалила за 70%.

2. Вставляем сам якорь на странице.

Ищем место\абзац\строчку\слово, куда наш якорь будет вести, ставим туда курсор и вызываем меню "вставить/изменить якорь".

anchor4_2.jpg

Вставляем то название ссылки до символа #, что скопировали минуту назад и нажимаем кнопку "вставить".

anchor5_2.jpg

Вуаля. Якорь брошен вставлен. А мы еще даже не проголодались! :)

anchor6_2.jpg

Порядок установки якоря на любую страницу

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

Для этого создаем ссылку следующим образом.

Выбираем страницу на сайте, на которую хотим перенаправить читателя.

anchor7_2.jpg

В самом конце адреса ссылки добавляем нашу якорную ссылку с символом # и сохраняем ссылку, нажав клавишу "вставить".

anchor8_2.jpg

Теперь при нажатии на ссылку на странице читатель будет не просто перенаправлен на страницу с нужным ему материалом, но и на конкретное место/абзац/слово этой страницы.

Заключение

Из материалов этой статьи мы узнали что такое якорь, как его устанавливать не только на одной, но и на любой нам необходимой странице.

А если обратить внимание на адресную строку во время перехода по якорю - её адрес содержит присвоенное нами имя якоря.

anchor9_2.jpg