HTML тег <link>

❮ Назад Вперед ❯

Тег <link> устанавливает связь между HTML документом и внешним ресурсом. Как правило, он используется для подключения внешнего файла, где указываются CSS стили или шрифты.

Синтаксис

Тег <link> одинарный, он содержит только атрибуты. Размещается всегда внутри тега <head> (как правило, перед закрывающим тегом </head>), при это он может быть использован много раз.

В XHTML закрывающий тег (</link>) обязателен.

Пример

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
    <h1>Внешний вид заголовка определяют CSS стили, указанные во внешнем файле.</h1>
    <p>Внешний вид абзаца определяют CSS стили, указанные во внешнем файле</p>
  </body>
</html>

Попробуйте сами!

Результат

Атрибуты

Атрибут	Значение	Описание
charset	char_encoding	Определяет кодировку связанного документа. Не поддерживается в HTML5.
href	URL	Указывает местоположение внешнего файла.
hreflang	language_code	Определяет язык текста связанного документа.
media	media_query	Определяет устройство, для которого будут применены стили.
rel	alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up	Определяет отношения между текущим документом и файлом, на который делается ссылка.
rev	reversed relationship	Определяет отношение между текущим и связанным документами. Не поддерживается в HTML5.
sizes	HeightxWeight	Устанавливает размер связанных иконок. Используется только с rel = "icon".
target		Указывает, как должна открываться ссылка. Не поддерживается в HTML5.
	_blank	- в новом окне
	_self	- в текущем окне
	_top	- во всю ширину окна
	_parent	-в родительском фрейме
	frame_name	- во фрейме
type	media_type	Указывает MIME-тип (спецификация для передачи по сети файлов различного типа) связанного документа.