Тег LINK

⚠️ Bymas - Форум разработчиков

Описание

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

Синтаксис

<head>
 <link href=...>
</head>

Параметры

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

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

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="ie.css">
<link rel="stylesheet" type="text/css" href="nc.css">
</head>
<body>
...
</body>
</html>

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

Параметр HREF

Описание

Путь к файлу, на который делается ссылка (URL). Браузер Netscape 4 вместо параметра href использует src, если вы ориентируете сайт на этот браузер, добавляйте оба параметра к тегу <LINK>. Параметр href является обязательным.

Синтаксис

<link href="URL">

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

Да.

Аргументы

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

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

Нет.

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href="http://www.htmlbook.ru/ie/rus/x3.css">
</head>
<body>
...
</body>
</html>

Параметр REL

Описание

Параметр rel определяет отношения между текущим документом и файлом, на который делается ссылка. Это необходимо, чтобы браузер знал, как использовать подключаемый документ. HTML 4 различает следующие значения параметра rel: alternate, appendix, bookmark, chapter, contents, copyright, glossary, help, index, next, prev, section, start, stylesheet, subsection. Браузеры, как правило, из этого списка понимают только параметр stylesheet.

Синтаксис

<link rel="тип">

Аргументы

stylesheet
Определяет, что подключаемый файл хранит таблицу стилей (CSS).

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

Нет.

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="hb.css">
</head>
<body>
...
</body>
</html>

Параметр TYPE

Описание

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

Синтаксис

<link type="MIME-тип">

Аргументы

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

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

Нет.

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="/styles/htmlbook.css">
</head>
<body>
...
</body>
</html>