Синтаксис

<link rel="...">

Описание

Тег <link> (от англ. link — ссылка) устанавливает связь с внешним документом, например с файлом CSS стилей.

Элемент обычно размещается внутри контейнера <head>.

Тег <link> не нужно закрывать и можно использовать много раз.

Атрибуты, которые можно использовать в теге <link>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.

Атрибуты

Атрибут Значение Описание
charset кодировка

Задает кодировку символов связанного документа.
Не поддерживается в HTML5

crossorigin anonymous
use-credentials

Указывает, как элемент обрабатывает запросы перекрестного происхождения

href URL-адрес

Указывает расположение связанного документа

hreflang код языка

Указывает язык текста в связанном документе

media значение

Указывает, на каком устройстве будет отображаться связанный документ

rel alternate
author
dns-prefetch
help
icon
license
next
pingback
preconnect
prefetch
preload
prerender
prev
search
stylesheet

Указывает связь между текущим документом и связанным документом.

Обязательный атрибут

rev alternate
author
dns-prefetch
help
icon
license
next
pingback
preconnect
prefetch
preload
prerender
prev
search
stylesheet

Указывает связь между связанным документом и текущим документом.

Не поддерживается в HTML5

sizes px
any

Задает размер связанного ресурса. Только для rel="icon"

target _blank
_self
_top
_parent
имя iframe

Указывает, где должен быть загружен связанный документ.

Не поддерживается в HTML5

type text/html
text/css
другие типы MIME

Указывает тип носителя связанного документа

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег link</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
    <p>Подключаем CSS стили файла style.css</p>
</body>
</html>

Отображение в браузере:

Подключаем CSS стили файла style.css

Параметры CSS по умолчанию

link {
    display: none;
}

Поддержка браузера

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

<link> Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных

Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!

Только свежие новости программирования и технологий каждый день.