Тег link описывает связь между текущим HTML-документом и внешним ресурсом, к которому он обращается. Это пустой элемент без содержимого и закрывающего тега, который всегда размещается внутри элемента <head>. Чаще всего его используют для подключения таблиц стилей: link href="style.css" rel="stylesheet" type="text/css" href указывает путь к файлу – может быть абсолютным или относительным (подробности об адресах вы можете прочитать). Второй атрибут, rel, обозначает тип связи между HTML-файлом и ресурсом; для стилей это значение stylesheet. Атрибут type сообщает браузеру MIME-тип документа, а для таблиц стилей всегда будет «text/css». Примечание: согласно стандарту HTML5 атрибут type при подключении внешнего CSS-файла указывать не обязательно: link href="style.css" rel="stylesheet" Атрибуты - href:
- Определяет расположение (URL) внешнего файла – путь может быть указан как относительным, так и абсолютным.
- hreflang:
- Указывает двухбуквенный код языка документа, на который ведёт ссылка. Используется только совместно с атрибутом href.
- media:
- Определяет тип устройств, для которых оптимизирован файл. Обычно применяют к таблицам стилей – задают разные стили под различные носители. В атрибуте могут быть несколько значений, разделённых пробелами.
- rel:
- Описание связи между текущим документом и тем, на который ссылаются. Возможные значения:
- alternate – ссылка на альтернативную версию (страница для печати, перевод или зеркало).
- author – ссылка на страницу автора или контакты.
- first – первая запись в последовательности.
- help – справочный документ.
- icon – путь к иконке текущего документа.
- last – последняя запись в серии.
- licence – сведения об авторских правах.
- next – ссылка на следующий документ в серии.
- prefetch – предзагрузка файла.
- prev – предыдущий документ в серии.
- search – поиск по документу.
- stylesheet – внешний файл как таблица стилей.
- sizes:
- Определяет размеры иконок для визуального отображения. Используется только с
rel="icon". Возможные значения: - type:
- Указывает MIME-тип документа, к которому ведёт ссылка; применяется только совместно с атрибутом href.
Тег link также поддерживает различные дополнительные свойства для более гибкой работы. Пример headlink rel="stylesheet" href="style.css"/head
|