Для чего используется тег <link>?

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

Основные случаи использования:

• Подключение таблиц стилей CSS: Самое распространенное применение. Позволяет подключить внешние CSS-файлы для стилизации страницы.

  html

• Подключение шрифтов: Например, Google Fonts.

  html

• Подключение иконок (Favicon): Изменение стандартной иконки вкладки браузера.

  html

• Указание канонической ссылки: Помогает поисковым системам определить основную версию страницы при наличии дублирующего контента.

  html

• Указание альтернативных версий документа: Например, для разных языков.

  html

• Предварительная загрузка ресурсов (preload, prefetch, preconnect, prerender): Улучшение производительности путем заблаговременной загрузки или установления соединений.

  html

Ключевые атрибуты включают rel (отношение к текущему документу), href (URL ресурса), type (тип MIME) и media (медиа-запрос).