Якорь

Якоря в статье

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

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

Якорь поможет:

• сделать раздел «Содержание» для большой статьи со множеством подразделов;

• направить клиента к конкретному месту в длинной инструкции;

• сослаться на конкретный пример в другой статье.

Как добавить якорь в статью:

— Через HTML.

— Через ссылки в заголовках Омнидеска.

Добавление якорей и ссылок через HTML

1. Для добавления якоря и ссылки на него перейдите в редакторе в режим исходного кода статьи (HTML)

2. Создайте якорь

В конкретном месте статьи, куда должен перейти пользователь, добавьте код:

<a name="уникальное_название_якоря"></a>

Текст, к которому должен осуществиться переход, можно добавить двумя способами:

а) Перед закрывающим тегом </a>:

<a name="уникальное_название_якоря">Текст, который преобразится в гипертекст и до него прокрутится страница при нажатии на ссылку</a>

б) После кода с именем якоря.

<a name="уникальное_название_якоря"></a>

Текст, до которого прокрутится страница при нажатии на ссылку

3. Создайте ссылку на якорь

Чтобы пользователь мог перейти по ссылке из оглавления статьи в нужный раздел, создайте ссылку на якорь.

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

<a href="#уникальное_название_якоря">Текст ссылки, которая будет вести на место с указанным якорем внутри статьи</a>

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

<a href="URL веб-страницы, где установлен якорь#уникальное_название_якоря">Текст ссылки, которая будет вести на место c указанным якорем в другой статье</a>

Нюансы

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

• Нельзя использовать в названии якоря пробелы и служебные символы (",/><[]{})

• Якоря с одинаковым названием работать не будут. Если задать идентичные названия, то при клике на ссылку, пользователь останется в месте ссылки, а не перенесется на нужное место на странице.

• Важно следить за тем, чтобы совпадали название якоря (<a name="anchor1">) и название ссылки на якорь (<a href="#anchor1">).