Что такое якорь на ссылку и для чего он нужен

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

Якоря применяют для того, что бы направить посетителя сайта на определённое место в статье, тем самым избавляя его от перемещения по странице с большим объёмом материала. Для тех, кто хочет изучить HTML и вникнуть в детали, я более подробно объясню, как создавать якорь. Кому это не очень интересно, может сразу обратиться к последнему разделу статьи "Вставляем якорь через меню "вставить/редактировать якорь".

Что нужно сделать для создания якоря

Для создания якоря в первую очередь нужно сделать закладку в соответствующем месте и дать ей имя при помощи параметра "name" тега <a>. В примере ниже, якорю дано имя "link", но Вы можете присвоить якорю своё имя. Обычно это слово обобщает смысл текста, на который Вы даёте ссылку и пишется на латинице.

Пример: <a name="link"></a>

К этому якорю надо создать ссылку, кликнув по которой посетитель попадёт в то место, где находится якорь. Не вдаваясь в подробности HTML, просто напишу, что ссылка на наш якорь должна выглядеть так:

Пример:

<a href= "URL адрес страницы, на которой находится якорь#link">Текст для перехода</a>

Сколько якорей может быть на одной странице

Якорей на одной странице может быть несколько, но их названия должны отличаться друг от друга. Между тегами <a name="link"> и </a> текст вставлять не обязательно, так как нам требуется указать только местоположение перехода от ссылки, по которой будут кликать посетители.

Как создать якорь для другой страницы

Для того, чтобы направить посетителя по ссылке на якорь, находящийся на другой странице, нужно в атрибуте "href" тега <a> прописать URL адрес страницы и добавить к нему символ # и название якоря.

Пример:

<p><a href="/#link">Текст для перехода</a></p>

Не забудьте бросить якорь <a name="link"></a> на ту страницу, куда отправляете посетителей.

Вставляем якорь через меню "вставить/редактировать якорь"

Как вставить ссылку через редактор покажу  на примере своей статьи "Выбор хостинга". Допустим в этой статье мне нужно дать более подробную информацию о значении слова "домен". Значение этого слова подробно описано в статье "Как создать сайт", которая находится на Главной странице моего сайта.

Для этого я иду в меню "Материалы" - "Менеджер материалов" и открываю статью "Как создать сайт". Здесь создаю якорь (закладку) на раздел "Что такое домен".

Чтобы создать якорь, я ставлю курсор в начале заголовка раздела "Что такое домен" и нажимаю на иконку "вставить/редактировать якорь", даю имя якорю - domain и жму "Обновить"

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

Теперь я открываю статью "Выбор хостинга". И создаю ссылку на страницу, где находится якорь.

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

Копирую URL-адрес страницы сайта с якорем (закладкой)  и добавляю к нему символ # и название якоря: #domain. Указываю, что открывать страницу нужно в новом окне. Жму "Обновить"

Вот и всё. Теперь, если кликнуть по слову домен в статье "Выбор хостинга", в новом окне откроется страница статьи "Как создать сайт" на том месте, где установлен якорь. Значит всё выполнено правильно.