Описание
Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега <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="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»).