Тег LINK

Браузер	Internet Explorer			Netscape			Opera			Safari	Mozilla	Firefox
Версия	5.5	6.0	7.0	6.0	7.0	8.0	7.0	8.0	9.0	1.0	1.7	1.0	2.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

HTML:

3.2

XHTML:

1.0

1.1

Описание

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

Синтаксис

Параметры

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

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

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

Пример 1. Использование тега <LINK>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег LINK</title>
<link rel="stylesheet" type="text/css" 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>
...
</body>
</html>

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

Описание параметров тега <LINK>

Параметр HREF

HTML:

3.2

XHTML:

1.0

1.1

Описание

Путь к файлу, на который делается ссылка (URL).

Синтаксис

Обязательный параметр

Нет.

Аргументы

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию

Нет.

Пример 2. Ссылка на файл

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег LINK, параметр href</title>
<link href="http://www.htmlbook.ru/ie/rus/x3.css">
</head>
<body>
...
</body>
</html>

Параметр MEDIA

HTML:

3.2

XHTML:

1.0

1.1

Описание

Определяет устройство, для которого следует применять стилевое оформление. Это позволяет сделать разный стиль для отображения документа на экране монитора и при его печати. Допускается писать несколько аргументов через запятую.

Синтаксис

Аргументы

all: Все устройства .
screen: Экран монитора.
print: Печатающее устройство вроде принтера.
projection: Проектор.
braille: Устройства, основанные на системе Брайля, которые предназначены для слепых людей.
speech: Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда, например, можно отнести речевые браузеры.

Значение по умолчанию

screen.

Параметр REL

HTML:

3.2

XHTML:

1.0

1.1

Описание

Параметр rel определяет отношения между текущим документом и файлом, на который делается ссылка. Это необходимо, чтобы браузер знал, как использовать подключаемый документ.

Синтаксис

Аргументы

stylesheet: Определяет, что подключаемый файл хранит таблицу стилей (CSS).
application/rss+xml: Файл в формате XML для описания ленты новостей, анонсов статей.

Значение по умолчанию

Нет.

Пример 3. Добавление таблицы стилей

Параметр TYPE

HTML:

3.2

XHTML:

1.0

1.1

Описание

Сообщает браузеру, какой MIME-тип данных используется для внешнего документа. Как правило, применяется для того, чтобы указать, что подключаемый файл содержит CSS.

Синтаксис

Аргументы

Имя MIME-типа в любом регистре. Для подключаемых таблиц связанных стилей применяется тип text/css.

Значение по умолчанию

Нет.

Пример 4. Использование параметра type

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег LINK, параметр type</title>
<link rel="stylesheet" type="text/css" href="/styles/htmlbook.css">
</head>
<body>
...
</body>
</html>