Какие значения rel имеют конкретные преимущества в теге <link>? - PullRequest
4 голосов
/ 12 ноября 2010

Тег <link> чаще всего используется для связи таблиц стилей с документами HTML, но, как многие знают, он также имеет множество других применений.В целом это представляет собой некоторую связь между двумя документами.Его красота и проклятие в том, что каждый может создать свои собственные rel значения (типы отношений), если он того пожелает.W3C перечислил некоторые возможности , другие люди изобрели еще больше , и если я захочу, ничто не мешает мне добавить <link rel="unicorns>" на мою веб-страницу.Он даже будет проверяться.

Однако добавление случайных тегов <link> на веб-страницу приводит только к потере пропускной способности.То, что я хочу знать, какие rel значения фактически предоставляют некоторую функциональность.И не просто гипотетическая функциональность, которую может реализовать какой-нибудь будущий пользовательский агент , , а реальные конкретные преимущества, которые мои пользователи могут почувствовать сегодня .

Некоторые из них, которые я уже знаю, это:

  • таблица стилей - конечно, самое распространенное использование.Прикрепление таблиц стилей CSS.
  • canonical - указывает Google (и другим поисковым системам), где находится "нормальный" или "канонический" URL-адрес страницы (в случае, если вы можете просмотреть ту же страницу с помощьюмного URL);
  • значок - указывает значок, который браузеры показывают в строке URL и рядом с закладками.
  • home , index , содержание , поиск , глоссарий , help , first , start , пред , предыдущий , следующий , последний , вверх , авторское право , author - Они появляются в панели навигации Opera и ( мне сказали ) в плагине SeaMonkey для Firefox.Кроме того, Firefox предварительно загружает в фоновом режиме страницу <link rel="next">, и Opera перемещается туда, когда вы нажимаете пробел в нижней части текущей страницы.Я полагаю, что я мог видеть их и в Opera Mini, но я не уверен (кто-нибудь знает, как они влияют на мобильные браузеры?)
  • pingback - используется для реализации Pingback в блогах.

Существуют ли другие возможные <link> теги, которые действительно что-то делают ?(Пожалуйста, включите что они делают в вашем ответе)

Ответы [ 2 ]

5 голосов
/ 12 ноября 2010

«альтернатива», по крайней мере, как модификатор «таблицы стилей» что-то делает, в том смысле, что таблица стилей изначально будет в состоянии «отключено».

3 голосов
/ 12 ноября 2010

<link rel="prefetch"...> убедит некоторые браузеры предварительно загрузить страницу, на которую ссылается. При правильном использовании он может значительно сократить предполагаемое время загрузки по ожидаемому пути через ваш сайт.

Firefox (для одного) использует это сегодня, и Google фактически использует это. (Первый результат поиска, особенно если он находится на общем сайте, таком как Википедия, часто будет содержать ссылку «предварительная загрузка» на найденную страницу.)

...