Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега <A>, тег <LINK> размещается всегда внутри контейнера <HEAD> и не создает ссылку.
Синтаксис
<head>
<link …>
</head>
Параметры
- href
- Путь к связываемому файлу.
- rel
- Определяет отношения между текущим документом и файлом, на который делается ссылка.
- type
- MIME-тип данных подключаемого файла.
Закрывающий тег
Не требуется.
Пример 1. Использование тега <LINK>
<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>
<p>…</p>
</body>
</html>
В данном примере подключается внешний файл со стилями с помощью параметра rel=»stylesheet» тега <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).
Синтаксис
<link href=»URL»>
Обязательный параметр
Нет.
Аргументы
В качестве значения принимается полный или относительный путь к файлу.
Значение по умолчанию
Нет.
Пример 2. Ссылка на файл
<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>
<p>…</p>
</body>
</html>
Параметр MEDIA
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Определяет устройство, для которого следует применять стилевое оформление. Это позволяет сделать разный стиль для отображения документа на экране монитора и при его печати. Допускается писать несколько аргументов через запятую.
Синтаксис
<link media=»all | screen | print | projection | braille | speech «>
Аргументы
- all
- Все устройства .
- screen
- Экран монитора.
- Печатающее устройство вроде принтера.
- projection
- Проектор.
- braille
- Устройства, основанные на системе Брайля, которые предназначены для слепых людей.
- speech
- Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда, например, можно отнести речевые браузеры.
Значение по умолчанию
screen.
Параметр REL
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Параметр rel определяет отношения между текущим документом и файлом, на который делается ссылка. Это необходимо, чтобы браузер знал, как использовать подключаемый документ.
Синтаксис
<link rel=»тип»>
Аргументы
- stylesheet
- Определяет, что подключаемый файл хранит таблицу стилей (CSS).
- application/rss+xml
- Файл в формате XML для описания ленты новостей, анонсов статей.
Значение по умолчанию
Нет.
Пример 3. Добавление таблицы стилей
<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.
Синтаксис
<link type=»MIME-тип»>
Аргументы
Имя MIME-типа в любом регистре. Для подключаемых таблиц связанных стилей применяется тип text/css.
Значение по умолчанию
Нет.
Пример 4. Использование параметра type
<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>