Как поставить ссылку-якорь внутри страницы

Как поставить ссылку-якорь внутри страницы

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

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

Как сделать такие ссылки на странице?

Допустим, содержание статьи выглядит следующим образом:

  1. Глава 1
  2. Глава 2
  3. Глава 3

Тогда на каждый пункт соответственно нужно поставить ссылку такого плана:

<a href=″#top1″>Глава 1</a>

В данном случае «top1» может быть любым, главное – чтобы он повторился в пункте, на который будет вести. Это название ссылки внутри статьи и оно обязательно должно быть написано латиницей.

Если вы будете выделать заголовок, то ссылка будет выглядеть так:

<a href=″#top1″><H3>Глава 1</H3></a>

В месте, где начинается та самая Глава 1, вам нужно поставить:

<a name=″top1″>Глава 1</a>

Атрибут «name» подскажет, куда перенаправить пользователя.

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

<a href=″http://страница-перенаправления.html#top3″>Глава 3</a>

Нередко используется прием «вернуться к содержанию статьи» для удобства.

Чтобы сделать такой якорь, напишите в начале статьи «Содержание» и пропишите в коде для него:

<a name=″top0″>Содержание</a>

А под каждым разделом поставьте:

<a href=″#top0″>Вернуться к содержанию</a>.

Ссылка на основную публикацию