Как создавать и использовать якоря

Лучшая практика > Этап 4 - Страницы >

Как создавать и использовать якоря

Previous pageReturn to chapter overviewNext page
Verborgen tekst tonen/verbergen

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

Количество якорей, которые можно добавить на страницу, неограничено. Теоретически, может быть по якорю на каждый объект. Чтобы упростить работу, рекомендуется помещать якорь на объект только при крайней необходимости, и при этом задавать якорям такие имена, по которым их можно легко различать.

Кликните, чтобы развернуть/уменьшитьКак создавать внутренние ссылки на страницы с помощью якорей

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

Кликните, чтобы развернуть/уменьшить

На этапе 4 - Страницы создайте страницы, добавьте все объекты, необходимые для размещения содержимого страниц: добавьте текстовые объекты в начало, чтобы создать анонс, а затем другие текстовые объекты для всех абзацев, на котрые нужно создать ссылки.
В таблице макета страницы выберите Текстовый объект для первого абзаца и нажмите на кнопку , чтобы задать якорь: в открывающемся окне укажите имя для якоря.
Повторите эти действия для каждого из добавленных объектов Текстовый объект, следя за тем, чтобы имена якорей были понятными.
Дважды щелкните мышью на Текстовый объект открывающегося анонса, чтобы открыть его в редакторе.  
Выберите первый элемент анонса и нажмите на кнопку , чтобы открыть окно Ссылка: выберите команду Страница сайта и нажмите кнопку отображения карты сайта. Укажите на ней страницу, с которой будете работать. Щелкните на поле Внутренняя ссылка страницы для отображения всех доступных якорей и выберите тот из них, что определяет контекст из анонса.
Повторите эту операцию для всех других фрагментов анонса, для которых вы хотите создать ссылки.

Можно улучшить для посетителей навигацию, добавив в конце каждого абзаца ссылку, ведущую к началу страницы:

С помощью кнопки добавьте якорь для  Текстовый объект, который соответствует началу анонса.
Откройте Текстовый объект в редакторе, чтобы исправить первый абзац и добавить снизу заголовок, например, «Вернуться к началу».
Выберите элемент «Вернуться к началу» и щелкните на конпке , чтобы создать ссылку на страницу; проверьте, что вы указали якорь, связанный с анонсом.
Повторите эту операцию, добавляя элемент «Вернуться к началу» в конце каждого абзаца.

Вместо элемента «Вернуться к началу» можно использовать кнопку или добавить изображение в Текстовый объект, или можно использовать Изображение объекта (в этом случае можно использовать эффект при наведении мыши): в любом случае процесс создания ссылок будет одинаковым.

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

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

1. Разделить исходный объект Текстовый объект на два отдельных текстовых объекта и поместить якорь перед вторым текстом.
2. Вручную создать якорь в объекте Текстовый объект.
Откройте Текстовый объект в редакторе и нажмите кнопку для переключения в режим HTML-кода.
Поместите курсор туда, где вы хотите создать якорь и напечатайте <A NAME="имя_якоря">&nbsp; </A>

Вместо выражения «имя_якоря» нужно вписать имя, которое вы на самом деле решили задать для этого якоря. В данном примере "&nbsp;" означает пробел, добавляемый после тега <имя_якоря>, чтобы было понятней, какое имя задано.

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

В окне Ссылка выберите команду Файл или URL.
В поле Файл в Интернет напечатайте #имя_якоря, где вы впишете настоящее имя, которое вы хотите увидеть, вместо текста имя_якоря.