Конструктор сайтов Panweb закрывается.
Регистрация новых сайтов закрыта.
Все созданные сайты будут работать до конца 2017 года.
По любым вопросам обращайтесь на почту support@panweb.com

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

Такие ссылки-метки в языке html  называют «якорь», или anchor. Но не надо путать этот термин с  термином «анкор», который мы иногда употребляем, имея в виду текст гиперссылки (см. Как сделать гиперссылку на сайте?). 

Поэтому сразу же обозначим, что в нашей статье ссылку-метку мы будем именовать только «якорь» и никак иначе.

Значение ссылки-якоря трудно переоценить. При создании web-страниц с длинными текстами ссылка-якорь – важнейший элемент навигации по сайту.

Благодаря ссылкам-меткам, расположенным, например, в начале страницы, читатель сразу может найти интересующий его кусок текста. Также многие веб-мастера ставят ссылку-якорь в конце длинного текста в виде кнопки «наверх» и т.п.

Гиперссылки и ссылки-якоря на сайте нужны не только для создания удобной навигации на сайте, но служат также инструментом SEO (см.Seo-оптимизации сайта).  Как известно, для поисковиков наличие достаточного количества перекрестных ссылок на сайте – показатель хорошего юзабилити.

Итак, как сделать ссылку-якорь на web странице?  Это очень просто, ссылка-якорь в html коде состоит из двух частей. Первая часть кода выглядит так:
<a href="#любой символ">текст ссылки-якоря</a>
 Первую часть кода вы вставляете в то место на странице, где вам нужно.
 А в начало того куска текста, на который эта ссылка ведет, вставляется вторая часть кода:
 <a name="любой символ"></a>
Ничего сложного. Но еще проще вставить ссылку-якорь в нашем бесплатном конструкторе сайтов panweb.

Проиллюстрируем примером. Допустим, на вашем сайте размещена поэма Евгений Онегин.


 
И вам нужно разместить ссылку-якорь на Вторую главу:


 
В административном интерфейсе заходим в «текстовый редактор», ставим курсор перед текстом «ГЛАВА ВТОРАЯ», затем нажимаем иконку «якорь»:



 
Система попросит вас дать название якорю. В нашем случае мы назвали якорь цифрой «2», но можно задать любой другой символ:

 

Как только вы подтвердите имя якоря, вы заметите, что в режиме редактирования перед названием «ГЛАВА ВТОРАЯ» появился значок якоря:





Сохраняем изменения,  нажав ОК. Затем заходим в html-редактирование текста и вставляем в нужное место код ссылки. В нашем случае код выглядит так: <a href="#2">ГЛАВА ВТОРАЯ</a>. Вот скрин html-редактора с этим кодом:



 

После всех манипуляций наша web-страница выглядит так:

 



Как видите, ссылка успешно разместилась в нужном месте. И если мы кликнем по ней мышью, то она перенесет нас в нужное место текста.