link — внешние ресурсы

  • 25 января 2023

Справочник

Анастасия Ткачева

🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

HTML-тег <link> устанавливает связь между документом и внешним ресурсом, например, таблицей стилей.

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

Атрибуты тега <link>:

  • href — адрес гиперссылки.
  • rel — указывает связь между текущим документом и связанным ресурсом.
  • as — тип ресурса, на который вы ссылаетесь.
  • type — MIME-тип связанного ресурса.
  • media — медиазапрос, для которого предназначен связанный ресурс.
  • sizes — размер иконок в ссылке rel="icon".
  • integrity — ожидаемое криптографическое хеш-значение связанного ресурса.
  • crossorigin — как элемент будет обрабатывать CORS-запросы.

Если атрибут rel имеет значение stylesheet, атрибут type может быть опущен, так как по умолчанию используется значение text/css. Если атрибут rel имеет значение icon, атрибут type должен иметь значение image/png.

Полезные статьи — по почте

Подпишитесь на редакторскую рассылку о фронтенде, новых CSS-штучках и всём, что пригодится разработчику.

Присылаем одно письмо в неделю. Без спама и нейросетей.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники