26 ноября 2024
Пагинация страниц на сайте
Пагинация страниц на сайте

Читая на одном сайте интересные статьи, задался вопросом, как перейти на следующую страницу. Можно постоянно целиться в ссылку «Следующая», как это делают почти все. Но хотелось упростить этот процесс, так как листать вниз и брать в руки мышку только чтобы кликнуть на нужную ссылку, мне не удобно.

Для серфинга пользуюсь оперой. В ней есть замечательная, но никому не нужная панель навигации. В панели можно перейти к предыдущей, следующей и последней страницам. Также можно перейти в корень сайта, на страницу помощи и информацию об авторе. Но доступны они на очень малом количестве сайтов. Я задался вопросом, как же активировать эти ссылки. И набрел на всем известный по css тэг link. Но его возможности шире. С помощью этого тега  мы и можем обеспечить подобную навигацию на своем сайте. Например, для перехода со страницы 26 на предыдущую и следующую страницу, внутри тега head нам нужно написать код:

<head>
<link rel="prev" href="/news/25/">
<link rel="prev" href="/news/27/">
<head>

 

Значение rel Описание
alternate Ссылка на альтернативную версию документа (например, напечатать страницу, перевод или зеркало)
author Ссылка на автора документа
help Ссылка на документ помощи
icon Значок, представляющий страницу
licence Ссылка на информацию об авторских правах
next Следующая страница в последовательности
pingback Адрес обратного пинга сервера
prefetch Указывает, что страница должна кэшироваться
prev Предыдущая страница в последовательности
search Ссылка на страницу поиска (или элемент поиска на текущей страницу через #)
sidebar Ссылка на документ, который должен быть показан в боковой панели браузера
stylesheet Ссылка на страницу стилей для импорта (CSS)
tag Тег (ключевое слово) для текущей страницы

Самое странное, что эти ссылки редко где используются. Причины не понятны. Но думаю, что с приходом HTML5 на полноценном уровне, они все же будут использоваться. Тем более, что поисковики вроде как тоже смотрят на эти ссылки. Правда как, неизвестно.

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