Когда вы пишете объемные и структурированные статьи, листание страницы для пользователя становится не очень удобным. Именно с этой целью используют ссылку-якорь, которая поможет быстрее переходить от одной смысловой части статьи к другой.
Внутристраничные ссылки обычно ставят на содержание и на возврат к началу статьи с каждого подраздела.
Как сделать такие ссылки на странице?
Допустим, содержание статьи выглядит следующим образом:
- Глава 1
- Глава 2
- Глава 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>.