HTML Тег <link>
Приклад
Посилання на зовнішню таблицю стилів:
<head>
<link rel="stylesheet" href="styles.css">
</head>
Спробуйте самі »
Визначення та використання
Тег <link> визначає зв’язок між поточним документом і зовнішнім ресурсом.
Тег <link> найчастіше використовується для посилань на зовнішні таблиці стилів або для додавання favicon до вашого вебсайту.
Елемент <link> є порожнім елементом, він містить лише атрибути.
Підтримка браузерами
| Елемент | |||||
|---|---|---|---|---|---|
| <link> | Yes | Yes | Yes | Yes | Yes |
Атрибути
| Атрибут | Значення | Опис |
|---|---|---|
| crossorigin | anonymous use-credentials |
Визначає, як елемент обробляє перехресні запити |
| href | URL | Визначає розташування пов’язаного документа |
| hreflang | language_code | Визначає мову тексту в пов’язаному документі |
| media | media_query | Визначає, на якому пристрої відображатиметься пов’язаний документ |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url |
Визначає, який реферер використовувати під час отримання ресурсу |
| rel | alternate author dns-prefetch help icon license next pingback preconnect prefetch preload prerender prev search stylesheet |
Обов’язково. Визначає зв’язок між поточним документом і пов’язаним документом |
| sizes | HeightxWidth any |
Визначає розмір пов’язаного ресурсу. Лише для rel="icon" |
| title | Визначає бажану або альтернативну таблицю стилів | |
| type | media_type | Визначає тип носія пов’язаного документа |
Глобальні атрибути
Тег <link> також підтримує Глобальні атрибути в HTML.
Атрибути подій
Тег <link> також підтримує Атрибути подій в HTML.
Пов’язані сторінки
HTML підручник: HTML Стилі
HTML DOM довідник: Об’єкт Link
CSS налаштування за замовчуванням
Більшість браузерів будуть відображати елемент <link> з наступними значеннями за замовчуванням:
link {
display: none;
}
