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

{{HTMLSidebar}}

Елемент 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-precomposed"
  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="prefetch". Він задає тип вмісту, що завантажується <link>, що необхідно для зіставлення запитів, застосування коректної політики безпеки вмісту та задання коректного заголовка Accept. Понад те, rel="preload" використовує as як сигнал для формування пріоритетів запитів. Таблиця нижче перелічує дійсні значення цього атрибута, а також елементи чи ресурси, до котрих ці значення застосовуються.

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

fetch, XHR

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

font CSS @font-face
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
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

Усталене: повідомляє про автоматичне визначення пріоритету стягування у порівнянні з іншими ресурсами того самого типу.

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 є атрибутом sourceset, котрий вказує завантажувати наперед відповідний ресурс, використаний елементом img, що має відповідні значення атрибутів srcset і sizes.

integrity

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

media

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

Примітка:

  • В HTML 4 це може бути лише простий розділений пробілами список літералів медіаописів, тобто медіатипів і медіагруп, котрі визначені й дозволені як значення цього атрибута, як то print, screen, aural, braille. HTML5 розширив це до медіазапитів будь-якого роду, що є надмножиною щодо дозволених в HTML 4 значень.
  • Браузери, котрі не підтримують Медіазапити CSS, не обов'язково адекватно впізнають зв'язок; не слід забувати задавати запасні зв'язки з медіазапитами, визначеними в HTML 4.
prefetch {{secureContext_inline}}

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

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<висота в пікселях>. Кожний з цих розмірів повинен міститися в ресурсі.

Примітка: Більшість форматів піктограм можуть зберігати лише одну піктограму; таким чином, здебільшого атрибут sizes містить лише один запис. Більше піктограм може зберігати формат від MicroSoft ICO, а також ICNS від Apple. ICO – більш поширений, тож його слід використовувати, якщо потрібна кросбраузерність (особливо для старих версій Internet Explorer).

title

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

type

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

blocking

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

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

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

methods

Значення цього атрибута надає інформацію про функції, котрі можуть бути виконані над об'єктом. Загалом значення надаються протоколом HTTP, коли він застосовується, але може (з причин, подібних до таких в атрибута title) бути корисним включити наперед дорадчу інформацію в посиланні. Наприклад, браузер міг би обрати інакшу візуалізацію зв'язку, згідно з тим, яка функція задана в методах; щось, що піддається пошуку, може отримати інакшу піктограму, або ж зв'язок назовні може візуалізуватися з індикатором виходу з поточного сайту. Цей атрибут не є ані як слід зрозумілим, ані підтримуваним, навіть браузером, що його визначив – Internet Explorer 4.

target

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

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

charset

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

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

rev

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

Примітка: Замість 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 третього покоління з дисплеєм високої роздільної здатності Retina: -->
<link
  rel="apple-touch-icon-precomposed"
  sizes="144x144"
  href="favicon144.png" />
<!-- iPhone з дисплеєм високої роздільної здатності Retina: -->
<link
  rel="apple-touch-icon-precomposed"
  sizes="114x114"
  href="favicon114.png" />
<!-- iPad першого й другого поколінь: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="favicon72.png" />
<!-- iPhone без Retina, iPod Touch, а також пристрої Android 2.1+: -->
<link rel="apple-touch-icon-precomposed" href="favicon57.png" />
<!-- базовий favicon -->
<link rel="icon" href="favicon32.png" />

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

Всередині атрибута 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:

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

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

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

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

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

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

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

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

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

<link blocking="render" href="critical-font.woff2" as="font" />

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

Категорії вмісту Вміст з метаданими. Якщо присутній 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 Yes
 Opera Full support Yes
 Safari Full support Yes
 WebView Android Full support Yes
 Chrome Android Full support Yes
 Firefox for Android Full support 4
 Opera Android Full support Yes
 Safari on iOS Full support Yes
 Samsung Internet Full support Yes
charset
Deprecated
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 No
 Opera Full support 15
 Safari Compatibility unknown; please update this. ?
 WebView Android Full support 37
 Chrome Android Full support Yes
 Firefox for Android Full support 18
 Opera Android Compatibility unknown; please update this. ?
 Safari on iOS Compatibility unknown; please update this. ?
 Samsung Internet Full support Yes
disabled
Deprecated Non-standard
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
Experimental
Chrome Full support 101
 Edge Full support 101
 Firefox No support No
 Internet Explorer No support No
 Opera No support No
 Safari No support No
 WebView Android Full support 101
 Chrome Android Full support 101
 Firefox for Android No support No
 Opera Android No support No
 Safari on iOS No support No
 Samsung Internet No support No
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 No
 Opera Full support 60
 Safari No support No
 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 No
 Samsung Internet Full support 11.0
imagesrcset
Chrome Full support 73
 Edge Full support 79
 Firefox Full support 78
 Internet Explorer No support No
 Opera Full support 60
 Safari No support No
 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 No
 Samsung Internet Full support 11.0
integrity
Chrome Full support 45
 Edge Full support 17
 Firefox Full support 43
 Internet Explorer No support No
 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
Deprecated Non-standard
Chrome No support No
 Edge No support 12 –  79
 Firefox No support No
 Internet Explorer Full support 4
 Opera No support No
 Safari No support No
 WebView Android No support No
 Chrome Android No support No
 Firefox for Android No support No
 Opera Android No support No
 Safari on iOS No support No
 Samsung Internet No support No
prefetch
Experimental
Chrome Full support 56
 Edge Full support 79
 Firefox Compatibility unknown; please update this. ?
 Internet Explorer No support No
 Opera Full support 43
 Safari Compatibility unknown; please update this. ?
 WebView Android Full support 56
 Chrome Android Full support 56
 Firefox for Android Compatibility unknown; please update this. ?
 Opera Android Full support 43
 Safari on iOS Compatibility unknown; please update this. ?
 Samsung Internet Full support 6.0
Secure context required
Experimental
Chrome Full support 64
 Edge Full support 79
 Firefox Compatibility unknown; please update this. ?
 Internet Explorer No support No
 Opera Full support 51
 Safari Compatibility unknown; please update this. ?
 WebView Android Full support 64
 Chrome Android Full support 64
 Firefox for Android Compatibility unknown; please update this. ?
 Opera Android Compatibility unknown; please update this. ?
 Safari on iOS Compatibility unknown; please update this. ?
 Samsung Internet Full support 9.0
referrerpolicy
Chrome Full support 51
 Edge Full support 79
 Firefox Full support 50
 Internet Explorer No support No
 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 Yes
 Opera Full support Yes
 Safari Full support Yes
 WebView Android Full support Yes
 Chrome Android Full support Yes
 Firefox for Android Full support 4
 Opera Android Full support Yes
 Safari on iOS Full support Yes
 Samsung Internet Full support Yes
Alternative stylesheets.
Chrome No support 1 –  48
 Edge Compatibility unknown; please update this. ?
 Firefox Full support 3
 Internet Explorer Full support 8
 Opera Full support Yes
 Safari Compatibility unknown; please update this. ?
 WebView Android Compatibility unknown; please update this. ?
 Chrome Android Compatibility unknown; please update this. ?
 Firefox for Android Full support 4
 Opera Android Compatibility unknown; please update this. ?
 Safari on iOS Compatibility unknown; please update this. ?
 Samsung Internet Compatibility unknown; please update this. ?
rel.dns-prefetch
Chrome Full support 46
 Edge Full support 79
 Firefox Full support 3
 Internet Explorer Compatibility unknown; please update this. ?
 Opera Full support 33
 Safari Compatibility unknown; please update this. ?
 WebView Android Full support 46
 Chrome Android Full support Yes
 Firefox for Android Full support 4
 Opera Android Compatibility unknown; please update this. ?
 Safari on iOS Compatibility unknown; please update this. ?
 Samsung Internet Full support Yes
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 No
 Safari on iOS No support No
footnote
Samsung Internet Full support 4.0
rel.manifest
Experimental Non-standard
Chrome No support No
 Edge No support No
 Firefox Compatibility unknown; please update this. ?
 Internet Explorer Compatibility unknown; please update this. ?
 Opera No support No
 Safari Compatibility unknown; please update this. ?
 WebView Android Full support 39
 Chrome Android Full support 39
 Firefox for Android Compatibility unknown; please update this. ?
 Opera Android Compatibility unknown; please update this. ?
 Safari on iOS Compatibility unknown; please update this. ?
 Samsung Internet Full support 4.0
rel.modulepreload
Experimental
Chrome Full support 66
 Edge Full support 79
 Firefox Compatibility unknown; please update this. ?
 Internet Explorer Compatibility unknown; please update this. ?
 Opera Full support 53
 Safari Compatibility unknown; please update this. ?
 WebView Android Full support 66
 Chrome Android Full support 66
 Firefox for Android Compatibility unknown; please update this. ?
 Opera Android Full support 47
 Safari on iOS Compatibility unknown; please update this. ?
 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 No
 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 No
 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 No
 Samsung Internet Full support 1.5
rel.preload
Chrome Partial support 50
footnote
Edge Partial support 79
footnote
Firefox Full support 85
 Internet Explorer Compatibility unknown; please update this. ?
 Opera Full support 37
 Safari Compatibility unknown; please update this. ?
 WebView Android Full support 50
footnote
Chrome Android Partial support 50
footnote
Firefox for Android Full support 85
 Opera Android Compatibility unknown; please update this. ?
 Safari on iOS Compatibility unknown; please update this. ?
 Samsung Internet Full support 5.0
footnote
rel.prerender
Experimental
Chrome Full support 13
 Edge Full support 79
 Firefox No support No
 Internet Explorer Full support 11
 Opera Full support 15
 Safari No support No
 WebView Android Full support 4.4
 Chrome Android Full support 18
 Firefox for Android No support No
 Opera Android Full support 14
 Safari on iOS No support No
 Samsung Internet Full support 1.5
rev
Deprecated
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
Experimental
Chrome No support No
 Edge No support No
 Firefox No support No
footnote
Internet Explorer No support No
 Opera No support No
 Safari No support No
 WebView Android No support No
 Chrome Android No support No
 Firefox for Android No support No
footnote
Opera Android No support No
 Safari on iOS No support No
 Samsung Internet No support No
target
Deprecated
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 Yes
 Opera Full support Yes
 Safari Full support Yes
 WebView Android Full support Yes
 Chrome Android Full support Yes
 Firefox for Android Full support 4
 Opera Android Full support Yes
 Safari on iOS Full support Yes
 Samsung Internet Full support Yes
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 стосовно вмісту цієї сторінки.