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