Главная
HTML-тег <link>
Характеристики
- Тип: метаданные, семантический, статичный
- Назначение: Связывает текущий документ с внешним ресурсом, например, с таблицей стилей или иконкой.
- Родители: <head>
- Потомки: Отсутствуют. <link> является пустым элементом.
- Глобальные атрибуты: все
- Атрибуты событий: нет
Атрибуты
- href — URL связанного ресурса.
- rel — Отношение между текущим документом и связанным ресурсом.
- type — Тип связанного ресурса (например, text/css).
- media — Медиа-запрос для определения, когда использовать данный ресурс.
- sizes — Размеры иконок для различных устройств.
Пример использования
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
Использование в JavaScript
// Динамическое добавление CSS-файла
const linkElement = document.createElement('link');
linkElement.rel = 'stylesheet';
linkElement.href = 'styles.css';
document.head.appendChild(linkElement);
Рекомендации по обеспечению доступности (a11y)
- Убедитесь, что связанные ресурсы доступны и корректно загружаются.
- При использовании шрифтов или стилей из внешних источников убедитесь в их доступности.
Полезные ссылки