</> Praktum

Главная / HTML / Тег link

Справочник · HTML

link: связь документа с другим файлом

link в head подключает ресурс: стили, значок, канонический адрес. Это не ссылка в тексте.

Как это работает

Для CSS нужен rel="stylesheet" и href. Для фавиконки — rel="icon". Канонический адрес задают rel="canonical". link сам ничего не рисует в body. Не путай его с тегом a. Путь к CSS проверяй отдельно: если файл не открывается по своему адресу, страница его тоже не получит.

<link rel="stylesheet" href="/css/styles.css">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">

Когда использовать

Таблица стилей, значок вкладки, канонический URL. Ссылку «читать дальше» делай через a.

Частые ошибки

  • stylesheet подключили тегом a.
  • Путь к CSS ведёт не туда, и страница без стилей.
  • В head несколько конкурирующих canonical.

Попробуй

Подключи файл стилей через link и проверь, что правила применились.

Ещё в разделе HTML