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

Автор:
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).



Вам также может понравиться:


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

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

* Copy This Password *

* Type Or Paste Password Here *

12 + четыре =

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