Тег <link>
Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега <a>, тег <link> размещается всегда внутри контейнера <head> и не создает ссылку.
поддержка браузерами:
| IExplorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 3.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
спецификация:
| HTML: | 3.2 | 4.01 | 5.0 |
| XHTML: | 1.0 | 1.1 |
синтаксис:
HTML
<head>
<link атрибуты>
</head>
XHTML
<head>
<link атрибуты />
</head>атрибуты:
charset - Указывает кодировку документа на который ссылается тег <link>.
href - Путь к файлу, на который делается ссылка (URL).
media - Определяет устройство, для которого следует применять стилевое оформление.
rel - Атрибут rel определяет отношения между текущим документом и файлом, на который делается ссылка.
sizes - Указывает размер иконок для визуального отображения.
type - Сообщает браузеру, какой MIME-тип данных используется для внешнего документа.
href - Путь к файлу, на который делается ссылка (URL).
media - Определяет устройство, для которого следует применять стилевое оформление.
rel - Атрибут rel определяет отношения между текущим документом и файлом, на который делается ссылка.
sizes - Указывает размер иконок для визуального отображения.
type - Сообщает браузеру, какой MIME-тип данных используется для внешнего документа.
закрывающий тег:
Не требуется
пример кода:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег LINK</title>
<link rel="stylesheet" href="ie.css">
<link rel="alternate" type="application/rss+xml"
title="Статьи с сайта htmlbook.ru" href="http://htmlbook.ru/rss.xml">
<link rel="shortcut icon" href="http://htmlbook.ru/favicon.ico">
</head>
<body>
<p>...</p>
</body>
</html>примечание:
В данном примере подключается внешний файл со стилями с помощью атрибута rel="stylesheet" тега <link>, указывается RSS-документ текущего сайта (link rel="alternate" type="application/rss+xml") и устанавливается иконка сайта в адресной строке браузера (link rel="shortcut icon").