Читая на одном сайте интересные статьи, задался вопросом, как перейти на следующую страницу. Можно постоянно целиться в ссылку «Следующая», как это делают почти все. Но хотелось упростить этот процесс, так как листать вниз и брать в руки мышку только чтобы кликнуть на нужную ссылку, мне не удобно.
Для серфинга пользуюсь оперой. В ней есть замечательная, но никому не нужная панель навигации. В панели можно перейти к предыдущей, следующей и последней страницам. Также можно перейти в корень сайта, на страницу помощи и информацию об авторе. Но доступны они на очень малом количестве сайтов. Я задался вопросом, как же активировать эти ссылки. И набрел на всем известный по 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 на полноценном уровне, они все же будут использоваться. Тем более, что поисковики вроде как тоже смотрят на эти ссылки. Правда как, неизвестно.
А также новые браузеры используют эти ссылки для упреждающего чтения, чтобы загрузить страницу без задержки, как только пользователь решит почитать дальше.