English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по HTML

Полный список HTML-тегов

HTML: <link> тег

HTML-тег <link> связывает внешние ресурсы (например, файлы css) с документом HTML. Этот тег также часто называют элементом <link>.

Онлайн пример

Ссылка на внешние стили:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Учебное руководство сети (oldtoolbag.com)</title> 
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
<body>
</body>
</html>
Проверьте, посмотрите <‹/›

Грамматика тега <link> HTML - подключение таблиц стилей

Грамматика использования тега <link> для подключения таблиц стилей HTML выглядит следующим образом:

<head>
<link rel="stylesheet" href="/css/main.css" type="text/css">
</head>

Или в XHTML, грамматика тега <link> выглядит следующим образом:

<head>
<link rel="stylesheet" href="/css/main.css" type="text/css" />
</head>

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают тег <link>.

Определение и инструкции по использованию тега

Тег <link> наиболее часто используется для подключения таблиц стилей или файлов css к документу HTML.

Тег <link> определяет отношение документа к внешним ресурсам.

Самым распространенным использованием тега <link> является ссылка на таблицы стилей.

Примечание: Элемент link является пустым элементом, он содержит только атрибуты.

Примечание: Этот элемент может существовать только в части head, но может появляться любое количество раз.

Различия между HTML 4.01 и HTML5

Некоторые атрибуты HTML 4.01 не поддерживаются в HTML5.

HTML5 добавил атрибут "sizes".

Различия между HTML и XHTML

В HTML тег <link> не имеет завершающего тега.

В XHTML <link> тег должен быть правильно закрыт.

Атрибут

АтрибутЗначениеОписание
charsetchar_encodingHTML5 не поддерживает этот атрибут. Определение способа кодирования символов документа, на который указывает ссылка.
hrefURLОпределение местоположения документа, на который указывает ссылка.
hreflanglanguage_codeОпределение языка текста документа, на который указывает ссылка.
mediamedia_queryОпределение того, на каком устройстве будет отображаться документ, на который указывает ссылка.
relalternate
archives
author
bookmark
external
first
help
icon
last
license
next
nofollow
noreferrer
pingback
prefetch
prev
search
sidebar
stylesheet
tag
up
Обязателен. Определяет relação между текущим документом и привязанным документом.
revreversed relationshipHTML5 не поддерживает этот атрибут. Определяет relação между привязанным документом и текущим документом.
sizesHTML5HeightxWidth
any
Определяет размер свойств ссылки, действует только для свойства rel="icon".
target_blank
_self
_top
_parent
frame_name
HTML5 не поддерживает этот атрибут. Определяет, где загружается привязанный документ.
typeMIME_typeОпределяет тип MIME файла, к которому привязан документ.

Глобальные свойства

<link> тег поддерживает глобальные свойства, см. полную таблицу свойств Глобальные атрибуты HTML.

свойства событий

<link> тег поддерживает все Свойства событий HTML.

Связанные статьи

Учебник HTML:Стиль HTML

Руководство по HTML DOM:Объект Link