Ссылки в тексте статьи на определенные точки страницы

Автор:
Nurlan Kemelbekov

Такие ссылки обычно используются для прыжков на определенные точки страницы с оглавлением к началу главы или раздела статьи(как в Википедии).

Чтобы сделать это, вам нужно два куска кода (в HTML-редакторе, конечно): один в точке источника и один в пункте назначения.

• Если точка назначения находится в той же статье или странице, модель кода будет:
<a href=”#UniqueName”>Текст ссылки ЗДЕСЬ</a>

Назначение:

<a id=”UniqueName”></a>

Здесь я написал “UniqueName” вы можете изменить это на  что-то другое – просто убедитесь, что они точно совпадают в паре источник / назначение, и это уникально для этой пары (для другой ссылки, возможно, вам понадобится другое уникальное имя “UniqueName”) .

Например, ваше оглавление может быть:
<a href=”#intr”>Введение</a>
<a href=”#ch1″>Глава первая</a>
и т.д. и т.д.

Тогда прямо перед каждым названием раздела вы должны написать:
<a id=”intr”></a>
<a id=”ch1″></a>
и т.д. и т.д.

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

• Если точка назначения находится в другой статье или странице, то ссылка собственно должна включать URL этой статьи или страницы:

<a href=”URL ЗДЕСЬ#UniqueName”>Текст ссылки ЗДЕСЬ</a>

Например, если Вы кликните на эту ссылку ЗДЕСЬ, она приведет к определенной точке статьи “Как добавить прокрутку текста/изображения  в WordPress” на другой странице, которая начинается со слов “Этот атрибут”
Для того, чтобы ссылки открывались в новом окне или вкладке браузера, вам нужно оформить начало ссылки надлежащим образом:

<a target=”_blank” [и т.д.]

• Для стиля ссылки назначенного таким образом, кроме стилей по умолчанию темы, которую вы используете, вам нужно это начало:

<a style=”Свойства и значения ЗДЕСЬ” [и т.д.]

• Вы также можете добавить ссылки к началу в конце каждой главы или раздела:

<a href=”#top”>Наверх</a>

Но это не являются действительно необходимым, так как читатель для этого может запросто использовать клавиши в верхней части клавиатуры (Page Up/Page Down).

Ссылки в тексте статьи на определенные точки страницы обновлено: Июнь 9, 2014 автором: Nur Kem


Рекомендуемый контент

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Я просто хотел сказать, как сильно я ценю Ваш комментарий на мой пост. Спасибо Вам !!