link

Обновлено: 13.01.2023

<link>

Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. Элемент <link> (от англ. link — ссылка) обычно размещается внутри контейнера <head> и не создаёт ссылку, в отличие от элемента <a>.

Синтаксис

<head>
<link href="<адрес>">
</head>

Закрывающий тег

Не требуется.

Атрибуты

  • Атрибут charset

    Атрибут charset
    Устарел

    Кодировка связываемого документа.

  • Атрибут href

    Атрибут href

    Путь к связываемому файлу.

  • Атрибут media

    Атрибут media

    Определяет устройство, для которого следует применять стилевое оформление.

  • Атрибут rel

    Атрибут rel

    Определяет отношения между текущим документом и файлом, на который делается ссылка.

  • Атрибут sizes

    Атрибут sizes
    HTML5

    Указывает размер иконок для визуального отображения.

  • Атрибут type

    Атрибут type

    MIME-тип данных подключаемого файла.

Также для этого элемента доступны универсальные атрибуты.

Пример

<!DOCTYPE HTML>
<html>
  <head>
   <meta charset="utf-8">
   <title>LINK</title>  
   <link rel="stylesheet" href="ie.css">
   <link rel="alternate" type="application/rss+xml" 
     title="Статті з блогу ithillel.ua" href="https://https://blog.ithillel.ua/rss.xml"> 
   <link rel="icon" href="https://blog.ithillel.ua/">
  </head> 
  <body>
    <p>...</p>
  </body>
</html>

В данном примере подключается внешний файл со стилями с помощью атрибута rel="stylesheet" элемента <link>, указывается RSS-документ текущего сайта (link rel="alternate" type="application/rss+xml") и устанавливается иконка сайта в адресной строке браузера (link rel="icon").

Браузеры

link

Посмотреть совместимость на Can I use?

link