Это старая версия документа!
Содержание
<link>
Элемент HTML - Ссылка на Внешний Ресурс (<link>) определяет отношения между текущим документом и внешним ресурсом. Этот элемент чаще всего используется для ссылки на stylesheets, а также для создания иконок сайта (как для иконок в стиле «favicon», так и для иконок домашних экранов и приложений мобильных устройств) среди прочего.
| Категории контента | Контент метаданных. Если есть itemprop : потоковый контент и фразовый контент. |
|---|---|
| Допустимое содержимое | Нет, это пустой элемент. |
| Пропуск тегов | Так как это пустой элемент, присутствовать должен начальный тэг, конечный - отсутствует. |
| Допустимые родители | Любой элемент, принимающий элементы метаданных. Если есть itemprop (en-US): любой элемент, принимающий фразовый контент. |
| Допустимые ARIA-роли | Нет |
| DOM-интерфейс | HTMLLinkElement |
Пример
<link href=«/media/examples/link-element-example.css» rel=«stylesheet» />
<p>This text will be red as defined in the external stylesheet.</p> <p style=«color: blue»>The
style
attribute can override it, though.</p>
<link href="/media/examples/link-element-example.css" rel="stylesheet" /> <p>This text will be red as defined in the external stylesheet.</p> <p style="color: blue">The <code>style
attribute can override it, though.</p>
</code>
Чтобы подключить таблицу стилей, вы должны включить элемент <link> внутри вашего <head> следующим образом:
Атрибуты
К этому элементу применимы .глобальные атрибуты
<color #00a2e8>profile</color>
URI одного или более профилей метаданных, разделённых пробелами.
Пример
Примечание
HTML5-совместимые браузеры автоматически создают элемент <head>, если его теги пропущены в разметке
MDN Understanding WCAG, Guideline 3.1 explanations
Understanding Success Criterion 3.1.1 | W3C Understanding WCAG 2.0