Тэг link
Элемент <link> показывает связь между документами. Собственно, к чему я решил напомнить о нем. Чаще всего применение этого элемента ограничивается установкой связи между xHTML документом и CSS файлом. Однако он весьма полезен не только возможностью подключить файл CSS. В этой статье - примеры применения тэга <link>.
Элемент <link>показывает связь между документами.
Его атрибуты:
- REL — связь к документу по ссылке
- REV — связь от документа по ссылке
- HREF — ссылка на другой документ
- TYPE — тип документа с которым установлена связь
- MEDIA — тип устройства (all, screen, print и т.д.) для документа с которым установлена связь
- HREFLANG — код языка документа с которым установлена связь
- CHARSET — кодировка символов документа с которым установлена связь
Собственно, к чему я решил напомнить о нем. Чаще всего применение этого элемента ограничивается установкой связи между HTML документом и CSS файлом:
-
rel="stylesheet" href="/style.css" type="text/css" media="screen" />
Однако, если веб-сайт представляет осмысленный набор взаимосвязанных документов, то связи эти должны быть упорядочены и обозначены.
Если элемент <A> используется для перехода к другому документу или якорю, то <LINK> лишь определяет связи рассматриваемого документа, обозначает его позицию в иерархии, показывает в каком направлении осуществляется связь , а также некоторые особенности связанных документов (их тип, языковые настройки).
Тэг <LINK> можно применить:
1. Для связи с другими документами, не только (x)HTML:
создания ссылки на следующий документ:
-
rel="next" href="/next.html" type="text/html" title="Следующая страница" />
или ссылки на предыдущий документ:
-
rel="prev" href="/prev.html" type="text/html" title="Предыдущая глава" />
или ссылки на первый документ в коллекции, первую страницу:
-
rel="start" href="/" type="text/html" title="Начало" />
или ссылки на оглавление:
-
rel="contents" href="/" type="text/html" title="Оглавление" />
или ссылки на документ с информацией об авторских правах:
-
rel="copyright" href="/copyright.html" type="text/html" title="Копирайты" />
или ссылки на предметный указатель к документам:
-
rel="index" href="/indexlist.html" type="text/html" title="Предметный указатель" />
или ссылки на глоссарий:
-
rel="glossary" href="/glossary.html" type="text/html" title="Список терминов" />
или ссылки на этот же документ на другом языке:
-
rel="alternate" href="/glossary_fr.html" hreflang="fr" lang="fr" type="text/html" title="Française" />
или ссылки на этот же документ но в другом формате:
-
rel="alternate" href="/glossary.pdf" type="application/pdf" media="print" title="Глоссарий в формате PDF" />
2. Для связи с внешним файлом CSS:
содержимое которого будет использовано при обработке html-документа браузером:
-
rel="stylesheet" href="/style.css" type="text/css" media="all" />
содержимое которого может быть использовано для обработки html-документа, но не будет использовано по умолчанию, если есть связь со style.css и он загружен (см. предыдущий пункт). Можно использовать для переключения между несколькими таблицами CSS, вплоть до полного изменения внешнего вида html-документа:
-
rel="alternate stylesheet" href="/redstyle.css" type="text/css" media="all" title="Красный раздел сайта" />
3. Чтобы подсказать браузеру, что у сайта есть новостные ленты в формате XML (RSS):
-
rel="alternate" href="/rss2" type="application/rss+xml" title="RSS 2.0 Новости сайта" />
или так:
-
rel="alternate" href="/rss092" type="text/xml" title="RSS .92 Новости сайта" />
4. Чтобы подсказать браузеру, где следует искать иконку favicon.ico:
-
rel="icon" href="/favicon.ico" type="image/x-icon" />
или так:
-
rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
RSS 1 комментарий
Оставить комментарий
да хня, юзают всеравно только для стилей, рсс и иконки :)
Остальное впринципе мало применимо и работает только в опере, насколько мне известно.