Справочник HTML & CSS

<link>

Подключает к странице внешний ресурс: файл стилей, иконку сайта, шрифт.

Синтаксис

<link rel="stylesheet" href="style.css">

Атрибуты

Параметр	Тип	Описание
rel	stylesheet \| icon \| preload \| canonical \| …	Что за файл подключается.
href	URL	Адрес файла.
media	media query	Необязательный. Для каких экранов применять стили.

Примеры

Стили, иконка и каноническая ссылка:

<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="/css/style.css">
    <link rel="icon" href="/favicon.ico">
    <link rel="canonical" href="https://example.com/menu">
    <title>Menu</title>
  </head>
  <body>
    <p>The link tags work in the background.</p>
  </body>
</html>

Примечания

Тег одиночный и ставится в <head>. Стили из внешнего файла — основной способ подключения CSS: один файл кешируется браузером и используется на всех страницах сайта. С media="print" можно подключить отдельные стили для печати.

См. также

<head> — Служебная часть страницы: кодировка, заголовок вкладки, подключение стилей и скриптов.
<style> — Встраивает CSS прямо в HTML-страницу.
<meta> — Метаданные страницы: кодировка, настройки для телефонов, описание для поиска.
href — Адрес, на который ведёт ссылка `<a>` или указывает `<link>`.

Вопросы и ответы по теме

В учебнике

Что такое CSS — Как устроено правило CSS, где писать стили, как подключить отдельный файл и зачем нужны комментарии.

Спасибо, что читаете!