Тег <link>
Синтаксис
<link rel="...">
Описание
Тег <link> (от англ. link — ссылка) устанавливает связь с внешним документом, например с файлом CSS стилей.
Элемент обычно размещается внутри контейнера <head>.
Тег <link> не нужно закрывать и можно использовать много раз.
Атрибуты, которые можно использовать в теге <link>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.
Атрибуты
| Атрибут | Значение | Описание |
| charset | кодировка |
Задает кодировку символов связанного документа. |
| crossorigin | anonymous use-credentials |
Указывает, как элемент обрабатывает запросы перекрестного происхождения |
| href | URL-адрес |
Указывает расположение связанного документа |
| hreflang | код языка |
Указывает язык текста в связанном документе |
| media | значение |
Указывает, на каком устройстве будет отображаться связанный документ |
| rel | alternate author dns-prefetch help icon license next pingback preconnect prefetch preload prerender prev search stylesheet |
Указывает связь между текущим документом и связанным документом. Обязательный атрибут |
| rev | alternate author dns-prefetch help icon license next pingback preconnect prefetch preload prerender prev search stylesheet |
Указывает связь между связанным документом и текущим документом. Не поддерживается в HTML5 |
| sizes | px any |
Задает размер связанного ресурса. Только для rel="icon" |
| target | _blank _self _top _parent имя iframe |
Указывает, где должен быть загружен связанный документ. Не поддерживается в HTML5 |
| type | text/html text/css другие типы MIME |
Указывает тип носителя связанного документа |
Пример
HTML-код:
Отображение в браузере:
Подключаем CSS стили файла style.css
Параметры CSS по умолчанию
link {
display: none;
}
Поддержка браузера
|
Элемент |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
| <link> | Да | Да | Да | Да | Да |
