<link> – елемент підключення зовнішнього ресурсу

Елемент HTML <link> (зв'язок) задає взаємини між поточним документом та зовнішнім ресурсом. Цей елемент найчастіше використовують для підключення таблиць стилів, а іще – для встановлення піктограм сайту (і піктограм стилю "favicon", і піктограм для головного екрану й застосунків на мобільних пристроях), серед багатьох інших застосувань.

Спробуйте його в дії

Щоб під'єднати зовнішню таблицю стилів, треба додати елемент <link> всередину <head>, отак:

<link href="main.css" rel="stylesheet" />

Цей простий приклад вказує шлях до таблиці стилів у атрибуті href, а також атрибут rel зі значенням stylesheet. rel означає "relationship" – "взаємини", і це одна з ключових можливостей елемента <link>: значення вказує на те, як саме зовнішній ресурс пов'язаний з документом.

Є низка інших поширених типів, з котрими можна зіткнутися. Наприклад, підключення favicon сайту:

<link rel="icon" href="favicon.ico" />

Є низка інших значень rel для піктограм, здебільшого для вказування особливих типів піктограм для використання на різних мобільних платформах, наприклад:

<link
  rel="apple-touch-icon"
  sizes="114x114"
  href="apple-icon-114.png"
  type="image/png" />

Атрибут sizes вказує розмір піктограми, а type – містить тип MIME ресурсу. Вони надають корисні підказки, що дають браузерові змогу обрати найбільш доречну доступну піктограму.

Також можна задати медіатип чи медіазапит всередині атрибута media; цей ресурс буде завантажений лише тоді, коли медіаумова виконується. Наприклад.

<link href="print.css" rel="stylesheet" media="print" />
<link
  href="mobile.css"
  rel="stylesheet"
  media="screen and (max-width: 600px)" />

Крім цього, до елемента <link> були додані нові можливості для покращення швидкодії та безпеки. Наприклад:

<link
  rel="preload"
  href="myFont.woff2"
  as="font"
  type="font/woff2"
  crossorigin="anonymous" />

Атрибут rel зі значенням preload вказує на те, що браузер повинен завантажити такий ресурс наперед (дивіться подробиці в rel="preload"), а атрибут as вказує конкретний клас вмісту, що стягується. Атрибут crossorigin задає те, чи повинен ресурс стягуватися запитом CORS.

Інші примітки щодо використання:

  • Елемент <link> може зустрічатися або в елементі <head>, або в елементі <body>, залежно від того, чи є його тип зв'язку (англ) body-ok (дозволений в тілі). Наприклад, тип зв'язку stylesheet – body-ok, а отже – <link rel="stylesheet"> можна додавати в тіло документа. Проте це не є доброю практикою; має більше змісту відділити елементи <link> від вмісту тіла документа, поклавши їх в <head>.
  • Коли <link> використовується для задання favicon сайту, і сайт використовує Політику безпеки вмісту (CSP) для покращення своєї безпечності, ця політика застосовується і до favicon. При появі проблем з favicon, що не завантажується, слід перевірити, що директива img-src заголовка Content-Security-Policy не заважає доступові до favicon.
  • Специфікації HTML і XHTML визначають обробники подій для елемента <link>, але неясно, як їх використовувати.
  • В XHTML 1.0 порожні елементи, як то <link>, вимагають скісної риски в кінці: <link />.
  • WebTV підтримує використання next як значення атрибута rel, аби завантажувати наперед наступну сторінку в серії документів.

Атрибути

Цей елемент включає глобальні атрибути.

as

Цей атрибут є обов'язковим, коли елемент <link> має rel="preload", необов'язковим, якщо він має rel="modulepreload", а інакше – не повинен застосовуватися. Він задає тип вмісту, що завантажується <link>, що необхідно для зіставлення запитів, застосування коректної політики безпеки вмісту та задання коректного заголовка Accept.

Понад те, rel="preload" використовує as як сигнал для формування пріоритетів запитів. Таблиця нижче перелічує дійсні значення цього атрибута, а також елементи чи ресурси, до котрих ці значення застосовуються.

Значення Застосовується до
audio Елементи <audio>
document Елементи <iframe> і <frame>
embed Елементи <embed>
fetch

fetch, XHR

Примітка: Це значення на додачу вимагає, щоб <link> містив атрибут crossorigin; дивіться Отримання з CORS.

font

@font-face CSS

Примітка: Це значення на додачу вимагає, щоб <link> містив атрибут crossorigin; дивіться Отримання з CORS.

image Елементи <img> і <picture> з атрибутами srcset чи imageset, елементи SVG <image>, правила CSS *-image
object Елементи <object>
script Елементи <script>, importScripts для Worker
style Елементи <link rel=stylesheet>, CSS @import
track Елементи <track>
video Елементи <video>
worker Worker, SharedWorker
blocking

Цей атрибут явно вказує на те, що при отриманні зовнішнього ресурсу певні операції повинні бути заблоковані. Він не повинний вживатися, коли атрибут rel містить ключове слово expect або stylesheet. Такі операції повинні бути розділеним пробілами списком з лексем блокування, перелічених нижче.

  • render: Візуалізація вмісту на екрані – заблокована.
crossorigin

Цей перелічуваний атрибут вказує, чи треба використовувати для отримання ресурсу CORS. Зображення, що дозволяють CORS, можуть бути перевикористані в елементі <canvas>, не бувши ославленими. Дозволеними значеннями є:

anonymous

Запит до іншого походження (тобто запит з заголовком HTTP Origin) виконується, але дані автентифікації не надсилаються (тобто жодних реп'яшків, сертифікатів X.509 і жодної базової автентифікації HTTP). Якщо сервер не надає даних автентифікації сайту походження (шляхом опускання заголовка HTTP Access-Control-Allow-Origin), то ресурс буде ославленим, а його використання – обмеженим.

use-credentials

Запит до іншого походження (тобто запит із заголовком HTTP Origin) виконується з надсиланням даних автентифікації (тобто реп'яшків, сертифікату, чи виконується базова автентифікація HTTP). Якщо сервер не дає даних автентифікації сайту походження (у заголовку HTTP Access-Control-Allow-Credentials), то ресурс буде ославленим, а його використання – обмеженим.

Якщо цього атрибута немає, ресурс отримується без запиту CORS (тобто без надсилання заголовка HTTP Origin), запобігаючи його неославленому використанню. Якщо значення недійсне, то це працює так, ніби використано ключове слово anonymous. Дивіться подробиці в Атрибутах налаштувань CORS.

disabled

Обмежений rel="stylesheet", булів атрибут disabled вказує на те, чи повинна описана таблиця стилів завантажуватися й застосовуватися до документа, чи ні. Якщо disabled задано, коли HTML завантажується, то таблиця стилів не буде завантажуватися при завантаженні сторінки. Натомість таблиця стилів буде завантажена за потребою, якщо і коли атрибут disabled змінить своє значення на false або буде прибраний.

Додавання в DOM властивості disabled призводить до того, що таблиця стилів прибирається зі списку документа Document.styleSheets.

fetchpriority

Надає підказку щодо відносного пріоритету при отриманні ресурсу певного типу. Дозволені значення:

high

Отримує ресурс із високим пріоритетом відносно інших ресурсів того самого типу.

low

Отримує ресурс із низьким пріоритетом відносно інших ресурсів того самого типу.

auto

Не задає налаштування пріоритету отримання. Це усталене значення. Воно вживається, якщо значення не задано або задане значення – невалідне.

Докладніше в HTMLLinkElement.fetchPriority.

href

Цей атрибут задає URL пов'язаного ресурсу. URL може бути абсолютним чи відносним.

hreflang

Цей атрибут вказує мову пов'язаного ресурсу. Він є суто дорадчим. Дозволені значення перелічені в RFC 5646: Тегах для ідентифікації мов (також відомих як BCP 47). Цей атрибут слід використовувати лише тоді, коли присутній атрибут href.

imagesizes

Обмежений наявністю атрибутів rel="preload" і as="image", атрибут imagesizes має синтаксис і семантику, подібні до атрибута sizes, котрий вказує завантажувати наперед відповідний ресурс, використаний елементом img, що має відповідні значення атрибутів srcset і sizes.

imagesrcset

Обмежений наявністю атрибутів rel="preload" і as="image", атрибут imagesrcset має синтаксис і семантику, подібні до атрибута srcset, котрий вказує завантажувати наперед відповідний ресурс, використаний елементом img, що має відповідні значення атрибутів srcset і sizes.

integrity

Містить рядкові метадані – закодований в base64 криптографічний геш ресурсу (файлу), котрий браузер має стягнути. Браузер може використовувати його, аби перевірити, що стягнений ресурс був доставлений без неочікуваних втручань. Цей атрибут не повинен задаватися, коли атрибут rel заданий зі значенням stylesheet, preload або modulepreload. Дивіться Цілісність підресурсу.

media

Цей атрибут задає медіа, до якого застосовується пов'язаний ресурс. Значення повинно бути медіатипом або медіазапитом. Цей атрибут перш за все є корисним при підключенні зовнішніх таблиць стилів: він дає змогу користувацькому агентові обрати найкраще адаптовану для поточного пристрою таблицю.

referrerpolicy

Рядок, що вказує, якого посилача слід використовувати при отриманні ресурсу:

  • no-referrer означає, що заголовок Referer не буде надісланий.
  • no-referrer-when-downgrade означає, що заголовок Referer не буде надісланий при переході на ті походження, що не мають TLS (HTTPS). Це усталена поведінка користувацького агента, якщо не задана інакша політика.
  • origin означає, що посилач буде походженням сторінки, що по суті складається зі схеми, хоста й порту.
  • origin-when-cross-origin означає, що перехід до інших походжень буде обмежений схемою, хостом та портом, натомість переходи в межах того самого походження включатимуть шлях посилача.
  • unsafe-url означає, що посилач включатиме походження та шлях (але не фрагмент, не пароль і не ім'я користувача) Такий варіант є небезпечним, бо може злити походження й шляхи з захищених TLS ресурсів до незахищених походжень.
rel

Цей атрибут дає ім'я взаєминам між пов'язаним та поточним документами. Він повинен бути розділеним пробілами списком значень типів посилань.

sizes

Цей атрибут визначає розміри піктограм для візуальних медіа, що містяться в ресурсі. Повинен бути присутній лише тоді, коли rel містить значення icon чи нестандартний тип, як то apple-touch-icon Apple. Може мати наступні значення:

  • any, що означає: піктограма може бути масштабована до будь-якого розміру, адже вона має векторний формат, наприклад, image/svg+xml.

  • розділений пробілами список розмірів, кожний з яких має формат <ширина в пікселях>x<висота в пікселях> або <ширина в пікселях>X<висота в пікселях>. Кожний з цих розмірів повинен міститися в ресурсі.

[!NOTE] Більшість форматів піктограм можуть зберігати лише одну піктограму; таким чином, здебільшого атрибут sizes містить лише один запис. Формат Microsoft ICO і формат Apple ICNS здатні зберігати піктограми різних розмірів усередині одного файлу. ICO краще підтримується браузерами, тож слід користуватися саме цим форматом, якщо важливою є кросбраузерність.

title

Атрибут title на елементі <link> має особливу семантику. Бувши застосованим до <link rel="stylesheet">, він визначає усталену чи альтернативну таблицю стилів.

type

Цей атрибут використовується для визначення типу під'єднаного вмісту. Значення цього атрибута повинно бути типом MIME, як то text/html, text/css і так далі. Загальноприйняте використання цього атрибута – для визначення типу під'єднаної таблиці стилів (як то text/css), але враховуючи те, що CSS є єдиною мовою таблиць стилів, що використовується в Інтернеті, упускати атрибут type не лише можливо, а й рекомендовано. Також він використовується на типах посилань rel="preload", аби пересвідчитися, що браузер завантажує лише ті типи файлів, котрі підтримує.

Нестандартні атрибути

target

Визначає ім'я фрейму чи вікна, що містить визначені взаємини зв'язку чи котре покаже візуалізацію пов'язаного ресурсу.

Застарілі атрибути

charset

Цей атрибут визначає кодування символів пов'язаного ресурсу. Значення – розділений пробілами чи комами список наборів символів, як це визначено у RFC 2045. Усталене значення – iso-8859-1.

[!NOTE] Щоб отримати такий самий ефект, як в цього застарілого атрибута, можна використати заголовок HTTP Content-Type на пов'язаному ресурсі.

rev

Значення цього атрибута показує взаємини поточного документа щодо пов'язаного документа, як це визначено атрибутом href. Цей атрибут, таким чином, визначає зворотні взаємини у порівнянні з атрибутом rel. Значення типів посилань для цього атрибута – подібні до можливих значень rel.

[!NOTE] Замість rev слід використовувати атрибут rel зі зворотним значенням типу зв'язку. Наприклад, щоб встановити зворотний зв'язок для made, слід задати author. Також цей атрибут не означає "revision" – редакції, і не повинен використовуватися з номером версії, навіть попри те, що чимало сайтів помилково використовують його в такий спосіб.

Приклади

Включення таблиці стилів

Щоб включити в сторінку таблицю стилів, слід застосувати наступний синтаксис:

<link href="style.css" rel="stylesheet" />

Надання альтернативних таблиць стилів

Також можна задати альтернативні таблиці стилів.

Користувач може обрати, яку таблицю стилів використовувати, обравши її в меню Перегляд > Стиль сторінки. Це дає користувачам змогу бачити різні версії сторінки.

<link href="default.css" rel="stylesheet" title="Усталений стиль" />
<link href="fancy.css" rel="alternate stylesheet" title="Вигадливий" />
<link href="basic.css" rel="alternate stylesheet" title="Базовий" />

Надання піктограм для різних контекстів використання

Можна включати зв'язки з декількома піктограмами на одній сторінці, і браузер обере ту, котра найкраще спрацює в конкретному контексті, використовуючи значення rel і sizes як підказки.

<!-- iPad Pro з дисплеєм Retina з високою роздільною здатністю: -->
<link
  rel="apple-touch-icon"
  sizes="167x167"
  href="/apple-touch-icon-167x167.png" />
<!-- iPhone, роздільна здатність 3x: -->
<link
  rel="apple-touch-icon"
  sizes="180x180"
  href="/apple-touch-icon-180x180.png" />
<!-- iPad без Retina, iPad mini тощо: -->
<link
  rel="apple-touch-icon"
  sizes="152x152"
  href="/apple-touch-icon-152x152.png" />
<!-- iPhone з роздільною здатністю 2x та інші пристрої: -->
<link rel="apple-touch-icon" href="/apple-touch-icon-120x120.png" />
<!-- базовий favicon -->
<link rel="icon" href="/favicon.ico" />

Інформацію про те, які sizes обрати для піктограм Apple, дивіться у Документації Apple щодо налаштування вебзастосунків, а також Настанови з людино-машинних інтерфейсів Apple, на які ця документація посилається. Зазвичай достатньо надати велике зображення, наприклад, 192x192, і дозволити браузеру зменшити його за потреби, але може виникнути бажання надати зображення з різними рівнями деталізації для різного розміру, як це радить Настанова з дизайну Apple. Також надання менших піктограм для пристроїв з нижчою роздільною здатністю заощаджує трафік.

Може не бути потреби задавати елементи <link> узагалі. Наприклад, браузери автоматично запитують /favicon.ico від кореня сайту, а Apple автоматично запитує /apple-touch-icon-[size].png, /apple-touch-icon.png тощо. Проте задання явних елементів link захищає від змін у таких неписаних правилах.

Умовне завантаження ресурсів за допомогою медіазапитів

Всередині атрибута media можна вказати медіатип чи медіазапит; такий ресурс тоді буде завантажений лише якщо медіаумова виконана. Наприклад:

<link href="print.css" rel="stylesheet" media="print" />
<link href="mobile.css" rel="stylesheet" media="all" />
<link
  href="desktop.css"
  rel="stylesheet"
  media="screen and (min-width: 600px)" />
<link
  href="highres.css"
  rel="stylesheet"
  media="screen and (min-resolution: 300dpi)" />

Події завантаження таблиці стилів

Можна з'ясувати, коли таблиця стилів була завантажена, слідкуючи за подією load; подібно до цього, можна помітити, що при обробці таблиці стилів сталася помилка, слідкуючи за подією error:

<link rel="stylesheet" href="mystylesheet.css" id="my-stylesheet" />

<script>
  const stylesheet = document.getElementById("my-stylesheet");

  stylesheet.onload = () => {
    // Якісь цікаві дії; таблиця була завантажена
  };

  stylesheet.onerror = () => {
    console.log("При завантаженні таблиці стилів сталася помилка!");
  };
</script>

[!NOTE] Подія load спрацьовує, щойно таблиця стилів та ввесь імпортований нею вміст завантажені й розібрані, безпосередньо перед тим, як стилі почнуть застосування до вмісту.

Приклади завантаження наперед

Низку прикладів <link rel="preload"> можна знайти в Завантаженні вмісту наперед за допомогою rel="preload".

Блокування візуалізації до отримання ресурсу

В атрибуті blocking можна задати лексему render; тоді візуалізація сторінки буде заблокована, поки ресурс не отримано. Наприклад:

<link blocking="render" rel="stylesheet" href="example.css" crossorigin />

Технічний підсумок

Категорії вмісту Вміст з метаданими. Якщо присутній itemprop: Потоковий вміст й оповідальний вміст.
Дозволений уміст Жодного; це пустий елемент.
Пропуск тега Повинен починатися з початкового тега та не мати кінцевого.
Дозволені батьківські елементи Всі елементи, що приймають елементи метаданих. Якщо присутній itemprop: усі елементи, що приймають оповідальний уміст.
Неявна роль ARIA link з атрибутом href
Дозволені ролі ARIA Немає дозволеної role
Інтерфейс DOM HTMLLinkElement

Специфікації

Специфікація
HTML Standard (HTML)
# the-link-element

Сумісність із браузерами

desktop mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on iOS Samsung Internet
link
Chrome Full support 1
 Edge Full support 12
 Firefox Full support 1
 Internet Explorer Full support Так
 Opera Full support Так
 Safari Full support Так
 WebView Android Full support Так
 Chrome Android Full support Так
 Firefox for Android Full support 4
 Opera Android Full support Так
 Safari on iOS Full support Так
 Samsung Internet Full support Так
charset
Нерекомендоване
Chrome Full support 1
 Edge Full support 12
 Firefox Full support 1
 Internet Explorer Full support 6
 Opera Full support 12.1
 Safari Full support 4
 WebView Android Full support 1
 Chrome Android Full support 18
 Firefox for Android Full support 4
 Opera Android Full support 12.1
 Safari on iOS Full support 3
 Samsung Internet Full support 1.0
crossorigin
Chrome Full support 25
 Edge Full support 79
 Firefox Full support 18
footnote
Internet Explorer No support Ні
 Opera Full support 15
 Safari Сумісність невідома; будь ласка, оновіть. ?
 WebView Android Full support 37
 Chrome Android Full support Так
 Firefox for Android Full support 18
 Opera Android Сумісність невідома; будь ласка, оновіть. ?
 Safari on iOS Сумісність невідома; будь ласка, оновіть. ?
 Samsung Internet Full support Так
disabled
Нерекомендоване Нестандартне
Chrome Full support 1
footnote
Edge Full support 12
footnote
Firefox Full support 1
 Internet Explorer Full support 6
 Opera Full support 12.1
footnote
Safari Full support 4
 WebView Android Full support 1
footnote
Chrome Android Full support 18
footnote
Firefox for Android Full support 4
 Opera Android Full support 12.1
footnote
Safari on iOS Full support 3
 Samsung Internet Full support 1.0
footnote
fetchpriority
Експериментальне
Chrome Full support 101
 Edge Full support 101
 Firefox No support Ні
 Internet Explorer No support Ні
 Opera No support Ні
 Safari No support Ні
 WebView Android Full support 101
 Chrome Android Full support 101
 Firefox for Android No support Ні
 Opera Android No support Ні
 Safari on iOS No support Ні
 Samsung Internet No support Ні
href
Chrome Full support 1
 Edge Full support 12
 Firefox Full support 1
 Internet Explorer Full support 6
 Opera Full support 12.1
 Safari Full support 4
 WebView Android Full support 1
 Chrome Android Full support 18
 Firefox for Android Full support 4
 Opera Android Full support 12.1
 Safari on iOS Full support 3
 Samsung Internet Full support 1.0
hreflang
Chrome Full support 1
 Edge Full support 12
 Firefox Full support 1
 Internet Explorer Full support 6
 Opera Full support 12.1
 Safari Full support 4
 WebView Android Full support 1
 Chrome Android Full support 18
 Firefox for Android Full support 4
 Opera Android Full support 12.1
 Safari on iOS Full support 3
 Samsung Internet Full support 1.0
imagesizes
Chrome Full support 73
 Edge Full support 79
 Firefox Full support 78
 Internet Explorer No support Ні
 Opera Full support 60
 Safari No support Ні
 WebView Android Full support 73
 Chrome Android Full support 73
 Firefox for Android Full support 79
 Opera Android Full support 52
 Safari on iOS No support Ні
 Samsung Internet Full support 11.0
imagesrcset
Chrome Full support 73
 Edge Full support 79
 Firefox Full support 78
 Internet Explorer No support Ні
 Opera Full support 60
 Safari No support Ні
 WebView Android Full support 73
 Chrome Android Full support 73
 Firefox for Android Full support 79
 Opera Android Full support 52
 Safari on iOS No support Ні
 Samsung Internet Full support 11.0
integrity
Chrome Full support 45
 Edge Full support 17
 Firefox Full support 43
 Internet Explorer No support Ні
 Opera Full support 32
 Safari Full support 11.1
 WebView Android Full support 45
 Chrome Android Full support 45
 Firefox for Android Full support 43
 Opera Android Full support 32
 Safari on iOS Full support 11.3
 Samsung Internet Full support 5.0
media
Chrome Full support 1
 Edge Full support 12
 Firefox Full support 1
 Internet Explorer Full support 6
 Opera Full support 12.1
 Safari Full support 4
 WebView Android Full support 1
 Chrome Android Full support 18
 Firefox for Android Full support 4
 Opera Android Full support 12.1
 Safari on iOS Full support 3
 Samsung Internet Full support 1.0
methods
Нерекомендоване Нестандартне
Chrome No support Ні
 Edge No support 12 –  79
 Firefox No support Ні
 Internet Explorer Full support 4
 Opera No support Ні
 Safari No support Ні
 WebView Android No support Ні
 Chrome Android No support Ні
 Firefox for Android No support Ні
 Opera Android No support Ні
 Safari on iOS No support Ні
 Samsung Internet No support Ні
prefetch
Експериментальне
Chrome Full support 56
 Edge Full support 79
 Firefox Сумісність невідома; будь ласка, оновіть. ?
 Internet Explorer No support Ні
 Opera Full support 43
 Safari Сумісність невідома; будь ласка, оновіть. ?
 WebView Android Full support 56
 Chrome Android Full support 56
 Firefox for Android Сумісність невідома; будь ласка, оновіть. ?
 Opera Android Full support 43
 Safari on iOS Сумісність невідома; будь ласка, оновіть. ?
 Samsung Internet Full support 6.0
Secure context required
Експериментальне
Chrome Full support 64
 Edge Full support 79
 Firefox Сумісність невідома; будь ласка, оновіть. ?
 Internet Explorer No support Ні
 Opera Full support 51
 Safari Сумісність невідома; будь ласка, оновіть. ?
 WebView Android Full support 64
 Chrome Android Full support 64
 Firefox for Android Сумісність невідома; будь ласка, оновіть. ?
 Opera Android Сумісність невідома; будь ласка, оновіть. ?
 Safari on iOS Сумісність невідома; будь ласка, оновіть. ?
 Samsung Internet Full support 9.0
referrerpolicy
Chrome Full support 51
 Edge Full support 79
 Firefox Full support 50
 Internet Explorer No support Ні
 Opera Full support 38
 Safari Full support 14
 WebView Android Full support 51
 Chrome Android Full support 51
 Firefox for Android Full support 50
 Opera Android Full support 41
 Safari on iOS Full support 14
 Samsung Internet Full support 7.2
rel Chrome Full support 1
 Edge Full support 12
 Firefox Full support 1
 Internet Explorer Full support Так
 Opera Full support Так
 Safari Full support Так
 WebView Android Full support Так
 Chrome Android Full support Так
 Firefox for Android Full support 4
 Opera Android Full support Так
 Safari on iOS Full support Так
 Samsung Internet Full support Так
Alternative stylesheets.
Chrome No support 1 –  48
 Edge Сумісність невідома; будь ласка, оновіть. ?
 Firefox Full support 3
 Internet Explorer Full support 8
 Opera Full support Так
 Safari Сумісність невідома; будь ласка, оновіть. ?
 WebView Android Сумісність невідома; будь ласка, оновіть. ?
 Chrome Android Сумісність невідома; будь ласка, оновіть. ?
 Firefox for Android Full support 4
 Opera Android Сумісність невідома; будь ласка, оновіть. ?
 Safari on iOS Сумісність невідома; будь ласка, оновіть. ?
 Samsung Internet Сумісність невідома; будь ласка, оновіть. ?
rel.dns-prefetch
Chrome Full support 46
 Edge Full support 79
 Firefox Full support 3
 Internet Explorer Сумісність невідома; будь ласка, оновіть. ?
 Opera Full support 33
 Safari Сумісність невідома; будь ласка, оновіть. ?
 WebView Android Full support 46
 Chrome Android Full support Так
 Firefox for Android Full support 4
 Opera Android Сумісність невідома; будь ласка, оновіть. ?
 Safari on iOS Сумісність невідома; будь ласка, оновіть. ?
 Samsung Internet Full support Так
rel.icon
Chrome Full support 4
footnote
Edge Full support 12
footnote
Firefox Full support 2
footnote
Internet Explorer Full support 11
 Opera Full support 9
footnote
Safari Full support 3.1
footnote
WebView Android Full support 38
 Chrome Android Full support 18
 Firefox for Android Full support 4
 Opera Android No support Ні
 Safari on iOS No support Ні
footnote
Samsung Internet Full support 4.0
rel.manifest
Експериментальне Нестандартне
Chrome No support Ні
 Edge No support Ні
 Firefox Сумісність невідома; будь ласка, оновіть. ?
 Internet Explorer Сумісність невідома; будь ласка, оновіть. ?
 Opera No support Ні
 Safari Сумісність невідома; будь ласка, оновіть. ?
 WebView Android Full support 39
 Chrome Android Full support 39
 Firefox for Android Сумісність невідома; будь ласка, оновіть. ?
 Opera Android Сумісність невідома; будь ласка, оновіть. ?
 Safari on iOS Сумісність невідома; будь ласка, оновіть. ?
 Samsung Internet Full support 4.0
rel.modulepreload
Експериментальне
Chrome Full support 66
 Edge Full support 79
 Firefox Сумісність невідома; будь ласка, оновіть. ?
 Internet Explorer Сумісність невідома; будь ласка, оновіть. ?
 Opera Full support 53
 Safari Сумісність невідома; будь ласка, оновіть. ?
 WebView Android Full support 66
 Chrome Android Full support 66
 Firefox for Android Сумісність невідома; будь ласка, оновіть. ?
 Opera Android Full support 47
 Safari on iOS Сумісність невідома; будь ласка, оновіть. ?
 Samsung Internet Full support 9.0
rel.preconnect
Chrome Full support 46
 Edge Full support 79
 Firefox Full support 39
footnote
Internet Explorer No support Ні
 Opera Full support 33
 Safari Full support 11.1
 WebView Android Full support 46
 Chrome Android Full support 46
 Firefox for Android Full support 39
footnote
Opera Android Full support 33
 Safari on iOS Full support 11.3
 Samsung Internet Full support 4.0
rel.prefetch
Chrome Full support 8
 Edge Full support 12
 Firefox Full support 2
 Internet Explorer Full support 11
 Opera Full support 15
 Safari No support Ні
 WebView Android Full support 4.4
 Chrome Android Full support 18
 Firefox for Android Full support 4
 Opera Android Full support 14
 Safari on iOS No support Ні
 Samsung Internet Full support 1.5
rel.preload
Chrome Partial support 50
footnote
Edge Partial support 79
footnote
Firefox Full support 85
 Internet Explorer Сумісність невідома; будь ласка, оновіть. ?
 Opera Full support 37
 Safari Сумісність невідома; будь ласка, оновіть. ?
 WebView Android Full support 50
footnote
Chrome Android Partial support 50
footnote
Firefox for Android Full support 85
 Opera Android Сумісність невідома; будь ласка, оновіть. ?
 Safari on iOS Сумісність невідома; будь ласка, оновіть. ?
 Samsung Internet Full support 5.0
footnote
rel.prerender
Експериментальне
Chrome Full support 13
 Edge Full support 79
 Firefox No support Ні
 Internet Explorer Full support 11
 Opera Full support 15
 Safari No support Ні
 WebView Android Full support 4.4
 Chrome Android Full support 18
 Firefox for Android No support Ні
 Opera Android Full support 14
 Safari on iOS No support Ні
 Samsung Internet Full support 1.5
rev
Нерекомендоване
Chrome Full support 1
 Edge Full support 12
 Firefox Full support 1
 Internet Explorer Full support 6
 Opera Full support 12.1
 Safari Full support 4
 WebView Android Full support 1
 Chrome Android Full support 18
 Firefox for Android Full support 4
 Opera Android Full support 12.1
 Safari on iOS Full support 3
 Samsung Internet Full support 1.0
sizes
Експериментальне
Chrome No support Ні
 Edge No support Ні
 Firefox No support Ні
footnote
Internet Explorer No support Ні
 Opera No support Ні
 Safari No support Ні
 WebView Android No support Ні
 Chrome Android No support Ні
 Firefox for Android No support Ні
footnote
Opera Android No support Ні
 Safari on iOS No support Ні
 Samsung Internet No support Ні
target
Нерекомендоване
Chrome Full support 1
 Edge Full support 12
 Firefox Full support 1
 Internet Explorer Full support 6
 Opera Full support 12.1
 Safari Full support 4
 WebView Android Full support 1
 Chrome Android Full support 18
 Firefox for Android Full support 4
 Opera Android Full support 12.1
 Safari on iOS Full support 3
 Samsung Internet Full support 1.0
title
Chrome Full support 1
 Edge Full support 12
 Firefox Full support 1
 Internet Explorer Full support Так
 Opera Full support Так
 Safari Full support Так
 WebView Android Full support Так
 Chrome Android Full support Так
 Firefox for Android Full support 4
 Opera Android Full support Так
 Safari on iOS Full support Так
 Samsung Internet Full support Так
type
Chrome Full support 1
 Edge Full support 12
 Firefox Full support 1
 Internet Explorer Full support 6
 Opera Full support 12.1
 Safari Full support 4
 WebView Android Full support 1
 Chrome Android Full support 18
 Firefox for Android Full support 4
 Opera Android Full support 12.1
 Safari on iOS Full support 3
 Samsung Internet Full support 1.0

Дивіться також

  • Заголовок HTTP Link

Помітили помилку на цій сторінці?

Переглянути сирці на GitHub.

Редагувати вміст на GitHub.

Почати обговорення на GitHub стосовно вмісту цієї сторінки.