Ответ
Тег <link> используется для подключения внешних ресурсов к HTML-документу, таких как CSS-файлы, иконки, шрифты и другие. Он размещается внутри <head> и не имеет закрывающего тега.
Основные атрибуты:
rel— определяет тип связи (например,stylesheetдля CSS)href— путь к ресурсуtype— MIME-тип (опционально, для CSS обычноtext/css)
Пример подключения CSS:
<link rel="stylesheet" href="styles.css" type="text/css">Другие варианты использования:
-
Фавиконка:
<link rel="icon" href="favicon.ico"> -
Предзагрузка ресурсов:
<link rel="preload" href="font.woff2" as="font">
Ответ 18+ 🔞
А, ну этот ваш <link>! Классика жанра, блядь. Сидит себе тихонечко в <head>, как таракан за плинтусом, и делает всю грязную работу. А ты даже не замечаешь, пока страница не превратится в голый, небритый HTML, похожий на меня в понедельник утром.
Вот смотри, сука, как он работает. Это же не просто тег, это целый курьер, который бегает туда-сюда и тащит в ваш документ всякую хуйню со стороны.
Самое главное — что он тащит:
rel— это ты ему в ухо кричишь: «Эй, мудила, что ты везешь?». «Стили!» —stylesheet. «Иконку!» —icon. Ну, ты понял.href— это адрес, куда ему бежать. Типа «Вон на тот сервак, в папкуcss, файлstyles.css, и быстро, я жду!».type— это уже такая формальность, типа «а что в посылке?». Для CSS —text/css, но сейчас всем похуй, браузер и так догадается.
Вот, смотри, как стили притащить:
<link rel="stylesheet" href="styles.css" type="text/css">Вот и всё. Теперь твоя раздолбанная HTML-рожа накрасится стилями из этого файла. Красота, ёпта!
А ещё он, сука, многостаночник!
Фавиконку, эту мелкую иконку на вкладке, тоже он цепляет:
<link rel="icon" href="favicon.ico">А бывает, надо что-то заранее приготовить, чтобы потом быстро подсунуть. Например, шрифт тяжёлый:
<link rel="preload" href="font.woff2" as="font">Это как сказать: «Слушай, дружище, сгоняй-ка пока пользователь кофе пьёт, принеси этот шрифт. Мы его потом, в нужный момент, как хуй из-за пазухи — и сразу в дело!».
Короче, <link> — это наш тихий, незаметный герой. Без него был бы пиздец и бардак. А так — красота, всё на своих местах.