Тег LINK
| Браузер | Internet Explorer | Firefox | Mozilla | Opera | Netscape | Safari | |||||||
| Версия | 5.5 | 6.0 | 7.0 | 1.0 | 2.0 | 1.7 | 7.0 | 8.0 | 9.0 | 6.0 | 7.0 | 8.0 | 1.0 | Поддержка |  |
|
|
|
|
|
|
|
|
|
|
|
|
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Задает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега <A>, тег <LINK> размещается всегда внутри контейнера <HEAD> и не создает ссылку.
Синтаксис
<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="Статьи с сайта htmdoc.ru" href="http://htmdoc.ru/rss.xml">
<link rel="shortcut icon" href="http://htmdoc.ru/favicon.ico">
</head>
<body>
<p>...</p>
</body>
</html>
В приведенном примере подключается внешний файл со стилями с помощью параметра rel="styleseet" тега <LINK>, указывается RSS-документ текущего сайта (link rel="alternate" type="application/rss+xml") и устанавливается иконка сайта в адресной строке браузера (link rel="shortcut icon").
Описание параметров тега <LINK>
Параметр HREF
| HTML: | 3.2 | 4 | 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.htmdoc.ru/ie/rus/x3.css">
</head>
<body>
<p>...</p>
</body>
</html>
Параметр MEDIA
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Задает устройство, для которого следует применять стилевое оформление. Это позволяет сделать разный стиль для отображения документа на экране монитора и при его печати. Допускается писать несколько аргументов через запятую.
Синтаксис
Аргументы
| all | Все устройства . |
| screen | Экран монитора. |
| Печатающее устройство вроде принтера. | |
| projection | Проектор. |
| braille | Устройства, основанные на системе Брайля, которые предназначены для слепых людей. |
| speech | Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда, например, можно отнести речевые браузеры. |
Значение по умолчанию
screen.
Параметр REL
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Параметр rel определяет отношения между текущим документом и файлом, на который делается ссылка. Это необходимо, чтобы браузер знал, как использовать подключаемый документ.
Синтаксис
Аргументы
| stylesheet | Определяет, что подключаемый файл хранит таблицу стилей (CSS). |
| application/rss+xml | Файл в формате XML для описания ленты новостей, анонсов статей. |
Значение по умолчанию
Нет.
Пример 3. Добавление таблицы стилей
<!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, параметр rel</title>
<link rel="stylesheet" type="text/css" href="hb.css">
</head>
<body>
<p>...</p>
</body>
</html>
Параметр TYPE
| HTML: | 3.2 | 4 | 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>
<p>...</p>
</body>
</html>