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