Что делает тег <link>помимо добавления таблиц стилей? - PullRequest
Новая
       21

Что делает тег <link>помимо добавления таблиц стилей?

12 голосов
/ 17 января 2010

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

Редактировать: Позвольте мне перефразировать мой вопрос; Я знаю, что тег link содержит другие страницы, относящиеся к текущему документу, но как они используются? Например, как используются первые, прежние и последующие отношения?

Ответы [ 6 ]

8 голосов
/ 17 января 2010

Я знаю два основных вида использования:

  • С rel="stylesheet" для ссылки на внешние таблицы стилей CSS

  • С rel="favicon" для ссылки на значки браузера

Кроме того, есть

  • Прямые и обратные ссылки (rel="next")

  • Ссылки на альтернативные ресурсы для поисковых систем (rel="alternate")

Проверьте ссылку W3C: ссылки в документах HTML для получения подробной информации о таблице стилей и последних двух.

6 голосов
/ 17 января 2010

Это ссылки;)

Это способ сказать "этот другой ресурс и я (HTML-документ) связаны".

Атрибут rel сообщает, что это за элемент, связанный с документом HTML.

Атрибут rev сообщает, что документ HTML связан с связанным элементом.

Итак ... 

<link rel="stylesheet" href="style.css" />

Говорит "style.css - это таблица стилей для этого HTML-документа."

Глупая аналогия: если бы документы HTML могли быть «женатыми» (в очень консервативных браках без однополых браков), мы могли бы сделать что-то подобное: 

<link rel="wife" rev="husband" href="otherFile.html" />

С этим элементом в HTML-документе говорится, что «otherFile.html - это моя жена, а я - ее муж».

5 голосов
/ 17 января 2010

В дополнение ко всем остальным ответам он также используется для каналов RSS.

Например: (с этой самой страницы) 

<link rel="alternate" type="application/atom+xml" 
      title="Feed for question 'What does the HTML &lt;link&gt; tag do besides including stylesheets?'" 
      href="/feeds/question/2082362">
2 голосов
/ 17 января 2010

Тег передает информацию об отношениях. Для таблиц стилей это означает, что «здесь приведены инструкции по отображению этого файла», но ссылки используются для семантических ссылок многих видов , включая другие, не перечисленные в спецификации HTML.

1 голос
/ 17 января 2010

В дополнение к тому, что сказал Pekka , я видел, что он используется для ссылки pingback (rel="pingback"), часто используемой в блогах.

1 голос
/ 17 января 2010

Мм ....

http://www.w3schools.com/TAGS/att_link_rel.asp

По сути, это просто тег, который говорит, что «другие вещи, необходимые для документа, здесь», а тег rel точно определяет, что это может быть.

...