Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное


Тег 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 4 XHTML: 1.0 1.1

Описание

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

Синтаксис

<head>
 <link ...>
</head>

Параметры

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

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

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

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

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://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="Статьи с сайта mysite.ru" href="https://mysite.ru/rss.xml">
<link rel="shortcut icon" href="https://mysite.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).

Синтаксис

<link href="URL">

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

Нет.

Аргументы

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

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

Нет.

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

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://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="https://mysite.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
Экран монитора.
print
Печатающее устройство вроде принтера.
projection
Проектор.
braille
Устройства, основанные на системе Брайля, которые предназначены для слепых людей.
speech
Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда, например, можно отнести речевые браузеры.

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

screen.

Параметр REL

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

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

Синтаксис

<link rel="тип">

Аргументы

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

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

Нет.

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

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://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.

Синтаксис

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

Аргументы

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

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

Нет.

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

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://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>




На главную









При использовании материалов сайта ссылка на comnew.ru обязательна!

x