Тег <link>

IE
3.0+
Chrome
1.0+
Opera
4.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

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

Закрывающий тег не требуется.

<!-- HTML  -->	

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

<!-- XHTML --> 	

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

Атрибуты

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

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

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

Пример

<!DOCTYPE HTML>
<html>
  <head>
   <meta charset="utf-8">
   <title>Тег link</title>  
   <link rel="stylesheet" href="style.css">
   <link rel="alternate" type="application/rss+xml" 
     title="Статьи с сайта http://websketches.ru" href="/rss.xml"> 
   <link rel="shortcut icon" href="/favicon.ico">
  </head> 
  <body>
    <p>Чего только не сделаешь с помощью тега link</p>
  </body>
</html>

В данном примере подключается внешний файл со стилями с помощью атрибута rel="stylesheet" тега <link>, указывается RSS-документ текущего сайта (link rel="alternate" type="application/rss+xml"), устанавливается иконка сайта в адресной строке браузера (link rel="shortcut icon")

Категория: Документ

Статьи по теме