Тег <link>

23.09.2010

Влад Мержевич

Internet Explorer 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

Описание

Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега <a>, тег <link> размещается всегда внутри контейнера <head> и не создает ссылку.

Синтаксис

HTML

<head>
 <link атрибуты>
</head>

XHTML

<head>
 <link атрибуты />
</head>

Атрибуты

charset: Кодировка связываемого документа.
href: Путь к связываемому файлу.
media: Определяет устройство, для которого следует применять стилевое оформление.
rel: Определяет отношения между текущим документом и файлом, на который делается ссылка.
sizes: Указывает размер иконок для визуального отображения.
type: MIME-тип данных подключаемого файла.

Также для этого тега доступны универсальные атрибуты.

Закрывающий тег

Не требуется.

Пример

HTML5IECrOpSaFx

<!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").

Документ