Атрибут HTML – rel
Атрибут rel
(relationship – взаємозв'язок) визначає зв'язок між пов'язаним ресурсом та поточним документом. Його можна використовувати на елементах <link>
, <a>
, <area>
та <form>
. Підтримувані значення залежать від елемента, на якому знаходиться атрибут.
Тип взаємозв'язку задається значенням атрибута rel
, котрий, якщо є, повинен мати значення, що є неупорядкованим набором унікальних ключових слів, розділених пробілами. На відміну від імені class
, яке не виражає семантику, атрибут rel
повинен виражати лексеми, які семантично дійсні як для машин, так і для людей. Поточні реєстри можливих значень атрибута rel
– це реєстр взаємозв'язків посилань IANA, Живий стандарт HTML та вільно редагована сторінка наявних значень rel у вікі мікроформатів, як запропоновано Живим стандартом. Якщо використовується атрибут rel
, який не входить до жодного з трьох джерел вище, то деякі валідатори HTML (наприклад, Служба перевірки розмітки W3C) будуть генерувати попередження.
Наступна таблиця перелічує частину з найважливіших наявних ключових слів. Кожне ключове слово в межах значення, розділеного пробілами, повинно бути унікальним в межах цього значення.
Значення rel |
Опис | <link> |
<a> і <area> |
<form> |
---|---|---|---|---|
alternate |
Альтернативні представлення поточного документа. | Посилання | Посилання | Не дозволено |
author |
Автор поточного документа або статті. | Посилання | Посилання | Не дозволено |
bookmark |
Постійне посилання найближчого батьківського розділу. | Не дозволено | Посилання | Не дозволено |
canonical |
Головний URL поточного документа. | Посилання | Не дозволено | Не дозволено |
dns-prefetch |
Каже браузерові наперед виконати розв'язання DNS походження цільового ресурсу. | Зовнішній ресурс | Не дозволено | Не дозволено |
external |
Пов'язаний документ не є частиною того ж сайту, що й поточний документ. | Не дозволено | Анотація | Анотація |
expect |
Дозволяє сторінці бути візуалізаційно заблокованою, поки не розібрано ключові частини документа, щоб візуалізація була послідовною. | Посилання | Не дозволено | Не дозволено |
help |
Посилання на допоміжний матеріал, чутливе до контексту. | Посилання | Посилання | Посилання |
icon |
Піктограма, що представляє поточний документ. | Зовнішній ресурс | Не дозволено | Не дозволено |
license |
Позначає те, що на основний вміст поточного документа поширюється ліцензія на авторське право, описана в пов'язаному документі. | Посилання | Посилання | Посилання |
manifest |
Декларація вебзастосунку. | Посилання | Не дозволено | Не дозволено |
me |
Позначає те, що поточний документ представляє особу, що володіє пов'язаним вмістом. | Посилання | Посилання | Не дозволено |
modulepreload |
Каже браузерові наперед стягнути сценарій та зберегти його в карті модулів документа для виконання пізніше. Крім цього, необов'язково можуть бути також стягнуті залежності цього модуля. | Зовнішній ресурс | Не дозволено | Не дозволено |
next |
Позначає те, що поточний документ є частиною серії та що наступний документ цієї серії – пов'язаний документ. | Посилання | Посилання | Посилання |
nofollow |
Позначає те, що оригінальний автор або видавець поточного документа не дає підтверджень пов'язаному документу. | Не дозволено | Анотація | Анотація |
noopener |
Створює контекст перегляду найвищого рівня, що не є допоміжним, якщо гіперпосилання взагалі створює новий контекст перегляду (наприклад, має відповідне значення атрибута target ). |
Не дозволено | Анотація | Анотація |
noreferrer |
Не буде включено заголовок Referer . Крім цього, має такий же ефект, як noopener . |
Не дозволено | Анотація | Анотація |
opener |
Створює допоміжний контекст перегляду, якщо без нього гіперпосилання створювало б контекст перегляду найвищого рівня, що не є допоміжним (наприклад, посилання, що має атрибут target зі значенням "_blank "). |
Не дозволено | Анотація | Анотація |
pingback |
Задає адресу сервера відлуння, що обробляє відлуння до поточного документа. | Зовнішній ресурс | Не дозволено | Не дозволено |
preconnect |
Задає те, що користувацький агент повинен наперед під'єднатись до походження цільового ресурсу. | Зовнішній ресурс | Не дозволено | Не дозволено |
prefetch |
Задає те, що користувацький агент повинен наперед стягнути та відкласти цільовий ресурс, адже ймовірно, що він буде необхідним для подальшої навігації. | Зовнішній ресурс | Не дозволено | Не дозволено |
preload |
Задає те, що користувацький агент повинен наперед стягнути та відкласти цільовий ресурс для поточної навігації, згідно з потенційним напрямком, заданим атрибутом as (а також пріоритетом, пов'язаним з відповідним напрямком). |
Зовнішній ресурс | Не дозволено | Не дозволено |
prerender |
Задає те, що користувацький агент повинен наперед стягнути цільовий ресурс та обробити його в спосіб, що допоможе надати швидшу відповідь у майбутньому. | Зовнішній ресурс | Не дозволено | Не дозволено |
prev |
Позначає те, що поточний документ є частиною серії та те, що попередній документ серії – пов'язаний документ. | Посилання | Посилання | Посилання |
privacy-policy |
Надає посилання до інформації про збір і практики використання даних, що застосовуються до поточного документа. | Посилання | Посилання | Не дозволено |
search |
Надає посилання на ресурс, що може використовуватися для пошуку по поточному документу та пов'язаним з ним сторінках. | Посилання | Посилання | Посилання |
stylesheet |
Імпортує список стилів. | Зовнішній ресурс | Не дозволено | Не дозволено |
tag |
Надає бирку (ідентифіковану поточною адресою), що застосовується до поточного документа. | Не дозволено | Посилання | Не дозволено |
terms-of-service |
Посилання на угоду, або умови надання послуг, між надавачем документа та користувачами, які бажають цим документом скористатися. | Посилання | Посилання | Не дозволено |
Атрибут rel
має зміст для елементів <link>
, <a>
, <area>
та <form>
, але деякі значення мають зміст лише для їх підмножини. Як і всі значення атрибутів ключових слів HTML, ці значення нечутливі до регістру.
Атрибут rel
не має усталеного значення. Якщо атрибут відсутній або жодне зі значень атрибута не підтримується, то документ не має особливого зв'язку з цільовим ресурсом, крім наявності гіперпосилання між ними. У цьому випадку, якщо атрибут rel
відсутній, не має ключових слів або якщо жодне зі значень, розділених пробілами, не відповідає вищезазначеним, то елементи <link>
і <form>
не створюють жодних посилань. <a>
та <area>
в такій ситуації все одно створюють посилання, але без визначеного зв'язку.
Значення
-
alternate
-
: Позначає альтернативне представлення поточного документа. Дійсне для
<link>
,<a>
та<area>
, сенс залежить від значень інших атрибутів.-
Вкупі з ключовим словом
stylesheet
на<link>
це утворює альтернативний список стилів.<!-- постійний список стилів --> <link rel="stylesheet" href="default.css" /> <!-- альтернативні списки стилів --> <link rel="alternate stylesheet" href="highcontrast.css" title="Високий контраст" />
-
Вкупі з атрибутом
hreflang
, що відрізняється від мови документа, це позначає переклад. -
Вкупі з атрибутом
type
зі значенням"application/rss+xml"
або"application/atom+xml"
, це утворює гіперпосилання, що вказує на стрічку синдикації.<link rel="alternate" type="application/atom+xml" href="posts.xml" title="Блоґ" />
-
Інакше – це утворює гіперпосилання, що вказує на альтернативне представлення поточного документа, чия природа задана атрибутами
hreflang
іtype
- Якщо
hreflang
задано разом зalternate
, і значенняhreflang
відрізняється від мови поточного документа, то це позначає, що пов'язаний документ є перекладом. - Якщо
type
задано разом зalternate
, то це позначає, що пов'язаний документ має альтернативний формат (наприклад, PDF). - Як атрибут
hreflang
, так і атрибутtype
можуть бути задані разом зalternate
.
<link rel="alternate" href="/fr/html/print" hreflang="fr" type="text/html" media="print" title="HTML французькою (для друку)" /> <link rel="alternate" href="/fr/pdf" hreflang="fr" type="application/pdf" title="PDF французькою" />
- Якщо
-
-
-
author
-
: Позначає те, що пов'язаний документ надає більше інформації про автора поточного документа або статті. Дійсне для елементів
<link>
,<a>
та<area>
.Для
<a>
і<area>
це позначає те, що пов'язаний документ (абоmailto:
) надає інформацію про автора найближчого батьківського елемента<article>
, якщо такий є, інакше – про весь документ.Для
<link>
це позначає автора всього документа.[!NOTE] Через історичні причини застаріле значення атрибута
rev="made"
працює якrel="author"
.
-
-
bookmark
-
canonical
- : Це значення, дійсне для
<link>
, визначає головний URL поточного документа, що допомагає пошуковим системам зменшити дублювання вмісту.
- : Це значення, дійсне для
-
dns-prefetch
- : Має зміст на елементах
<link>
, що знаходяться як всередині<body>
, так і в<head>
, і каже браузерові наперед виконати розв'язання DNS для походження цільового ресурсу. Корисне для ресурсів, котрі, ймовірно, знадобляться користувачеві, допомагає знизити затримку і тим самим покращити продуктивність у тому випадку, коли користувач дійсно звернеться до ресурсу, оскільки браузер наперед виконав розв'язання DNS для походження вказаного ресурсу. Дивіться dns-prefetch, описане в підказках щодо ресурсів.
- : Має зміст на елементах
-
external
-
expect
- : Дозволяє сторінці бути візуалізаційно заблокованою, поки не розібрано ключові частини документа, щоб візуалізація була послідовною. Зверніть увагу на те, що візуалізаційне блокування трапляється лише тоді, коли на нього також вказує атрибут
blocking="render"
. -
[!NOTE] Більше інформації про його застосування дивіться в Стабілізації стану сторінки для формування послідовності міждокументних переходів.
- : Дозволяє сторінці бути візуалізаційно заблокованою, поки не розібрано ключові частини документа, щоб візуалізація була послідовною. Зверніть увагу на те, що візуалізаційне блокування трапляється лише тоді, коли на нього також вказує атрибут
-
help
- : Ключове слово
help
має зміст для<form>
,<link>
,<a>
та<area>
і позначає те, що пов'язаний вміст надає чутливу до контексту допомогу, вміщаючи інформацію про батьківський елемент щодо елемента, що визначає гіперпосилання, та його дочірні елементи. Коли використовується всередині<link>
, така допомога стосується всього документа. Коли використовується з<a>
та<area>
і підтримується, то типовийcursor
будеhelp
, а неpointer
.
- : Ключове слово
-
icon
-
: Дійсне для
<link>
; пов'язаний ресурс представляє піктограму, ресурс для представлення сторінки в користувацькому інтерфейсі, для поточного документа.Найпоширеніше застосування для значення
icon
– це фавікон:<link rel="icon" href="favicon.ico" />
Якщо є кілька елементів
<link rel="icon">
, то браузер використовує їх атрибутиmedia
,type
іsizes
для вибору найбільш підхожої піктограми. Якщо декілька піктограм однаково підходять, то використовується остання з них. Якщо найбільш підхожа піктограма пізніше виявиться непідхожою, наприклад, через те, що вона використовує непідтримуваний формат, то браузер переходить до наступної найбільш підхожої, і т.д.[!NOTE] Атрибут
crossorigin
не підтримується дляrel="icon"
у браузерах на основі Chromium. Дивіться відкриту проблему Chromium.[!NOTE] Apple iOS не використовує для вибору піктограми вебсторінки для Web Clip чи стартового заповнювача ані цей тип зв'язку, ані атрибут
sizes
, як це роблять інші браузери. Замість цього використовуються нестандартні можливостіapple-touch-icon
іapple-touch-startup-image
, відповідно.[!NOTE] Нерідко перед
icon
спостерігається тип зв'язкуshortcut
, але він є невідповідним, ігнорованим, і веброзробники більше не повинні його використовувати.
-
-
license
-
: Значення
license
, дійсне на елементах<a>
,<area>
,<form>
,<link>
, позначає те, що гіперпосилання веде до документа, що описує ліцензійну інформацію; що основний вміст поточного документа покритий ліцензією авторського права, описаною в пов'язаному документі. Якщо він не знаходиться всередині елемента<head>
, то стандарт не розрізняє, чи гіперпосилання застосовується до певної частини документа, чи до всього документа. Тільки дані на сторінці можуть вказати це.<link rel="license" href="#license" />
[!NOTE] Синонім
copyright
, хоч він і розпізнається, є неправильним, його слід уникати.
-
-
manifest
- : Декларація вебзастосунку. Вимагає використання протоколу CORS для отримання ресурсів з іншого походження.
-
modulepreload
- : Корисне для покращення продуктивності, має зміст для
<link>
, розташованого будь-де в документі; заданняrel="modulepreload"
каже браузерові наперед стягнути сценарій (і його залежності) та зберегти їх в карті модулів документа для пізнішого виконання. Посиланняmodulepreload
можуть забезпечити, щоб мережеве стягнення було виконано, і модуль був готовим (але не виконаним) в карті модулів, до того, як він буде потрібний. Див. такожmodulepreload
.
- : Корисне для покращення продуктивності, має зміст для
-
next
- : Значення
next
мають зміст для<form>
,<link>
,<a>
та<area>
і позначають те, що поточний документ є частиною серії, і те, що наступний документ у серії – той, на який вказує посилання. Коли це значення включено в<link>
, то браузери можуть припустити, що цей документ буде стягненим наступним, і розглядати це як підказку щодо ресурсів.
- : Значення
-
nofollow
- : Ключове слово
nofollow
має зміст для<form>
,<a>
та<area>
і каже павукам пошукових рушіїв ігнорувати взаємини за зв'язком. Взаємини nofollow можуть позначати те, що власник поточного документа не дає підтверджень пов'язаному документові. Нерідко такі взаємини додають оптимізатори пошукових рушіїв, аби удати, ніби їхні ферми посилань не є спам-сторінками.
- : Ключове слово
-
noopener
-
: Має зміст для
<form>
,<a>
та<area>
і створює контекст перегляду найвищого рівня, котрий не є допоміжним, якщо гіперпосилання без такого значення створило б його (тобто має відповідне значення атрибутаtarget
). Іншими словами, це значення каже браузерові поводитися так, нібиwindow.opener
було бnull
, аtarget="_parent"
було б задано.Це значення протилежне щодо
opener
.
-
-
noreferrer
-
opener
- : Створює допоміжний контекст перегляду, якщо без цього гіперпосилання створило б контекст перегляду найвищого рівня, що не є допоміжним (наприклад, має атрибут
target
зі значенням "_blank
"). Фактично це протилежністьnoopener
.
- : Створює допоміжний контекст перегляду, якщо без цього гіперпосилання створило б контекст перегляду найвищого рівня, що не є допоміжним (наприклад, має атрибут
-
pingback
- : Надає адресу сервера відлуння, що надає відлуння до поточного документа. Дивіться Специфікацію відлуння.
-
preconnect
- : Надає браузеру підказку про те, що слід відкрити з'єднання з пов'язаним вебсайтом наперед, не видаючи йому жодної приватної інформації та не стягуючи жодний вміст, щоб коли за посиланням відбувся перехід, то пов'язаний вміст міг бути стягнутий швидше.
-
prefetch
- : Задає те, що користувацький агент повинен наперед стягнути та відкласти цільовий ресурс, адже він, ймовірно, знадобиться при подальшій навігації. Більше про це – читайте в prefetch.
-
preload
-
prerender
- : Задає те, що користувацький агент повинен наперед стягнути цільовий ресурс і обробити його в спосіб, що допоможе надати швидшу відповідь у майбутньому, наприклад, стягнувши його підресурси або виконавши якусь візуалізацію.
-
prev
-
privacy-policy
-
search
-
: Ключове слово
search
відноситься до<form>
,<link>
,<a>
та<area>
і позначає те, що гіперпосилання вказує на документ, чий інтерфейс розроблений саме для пошуку в поточному документі, на сайті, в пов'язаних ресурсах, надаючи посилання на ресурс, що може бути використаний для пошуку.Якщо атрибут
type
має значенняapplication/opensearchdescription+xml
, то ресурс є плагіном OpenSearch, який можна легко додати до інтерфейсу Firefox.
-
-
stylesheet
-
: Це значення, дійсне для елемента
<link>
, імпортує зовнішній ресурс для використання як списку стилів. Атрибутtype
не потрібен, якщо це список стилівtext/css
, адже це усталене значення. Якщо це не список стилів типуtext/css
– тоді найкраще оголосити тип.Хоч цей атрибут означає зв'язок як список стилів, взаємодія з іншими атрибутами та іншими ключовими термінами в межах значення rel впливає на те, чи буде список стилів стягнений, і чи буде застосований.
Коли це значення застосовано вкупі з ключовим словом
alternate
, то зв'язок визначає альтернативний список стилів. У такому випадку слід додати непорожній атрибутtitle
.Зовнішній список стилів не буде застосований і навіть стягнений, якщо платформа не відповідає значенню атрибута
media
.Вимагає використання протоколу CORS для стягнення зовнішніх ресурсів з іншого походження.
-
-
tag
- : Це значення, дійсне для елементів
<a>
та<area>
, задає бирку (ідентифіковану заданою адресою), що застосовується до поточного документа. Значення бирки позначає те, що зв'язок вказує на документ, що описує бирку, застосовану до документа, в якому вона розташована. Такий тип зв'язку не призначений для бирок всередині хмари бирок, оскільки такі бирки застосовуються до групи сторінок, а значенняtag
атрибутаrel
– призначене для одного документа.
- : Це значення, дійсне для елементів
-
terms-of-service
Нестандартні значення
apple-touch-icon
Задає піктограму вебзастосунку на пристрої iOS.
Специфікації
Специфікація |
---|
HTML Standard (HTML) # linkTypes |
Сумісність із браузерами
desktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
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 Сумісність невідома; будь ласка, оновіть. ? |
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 Так |
icon
|
Chrome Full support 4 | Edge Full support 12 | Firefox Full support 2 | Internet Explorer Full support 11 | Opera Full support 9 | Safari Full support 3.1 | 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 Ні | Samsung Internet Full support 4.0 |
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 |
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 |
preconnect
|
Chrome Full support 46 | Edge Full support 79 | Firefox Full support 39 | 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 | Opera Android Full support 33 | Safari on iOS Full support 11.3 | Samsung Internet Full support 4.0 |
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 |
preload
|
Chrome Partial support 50 | Edge Partial support 79 | Firefox Full support 85 | Internet Explorer Сумісність невідома; будь ласка, оновіть. ? | Opera Full support 37 | Safari Сумісність невідома; будь ласка, оновіть. ? | WebView Android Full support 50 | Chrome Android Partial support 50 | Firefox for Android Full support 85 | Opera Android Сумісність невідома; будь ласка, оновіть. ? | Safari on iOS Сумісність невідома; будь ласка, оновіть. ? | Samsung Internet Full support 5.0 |
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 |
desktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
rel
|
Chrome Full support Так | Edge Full support 12 | Firefox Full support Так | Internet Explorer Full support Так | Opera Full support Так | Safari Full support Так | WebView Android Full support Так | Chrome Android Full support Так | Firefox for Android Full support Так | Opera Android Full support Так | Safari on iOS Full support Так | Samsung Internet Full support Так |
noopener
|
Chrome Full support 49 | Edge Full support 79 | Firefox Full support 52 | Internet Explorer No support Ні | Opera Full support 36 | Safari Full support 10.1 | WebView Android Full support 49 | Chrome Android Full support 49 | Firefox for Android Full support 52 | Opera Android Full support 36 | Safari on iOS Full support 10.3 | Samsung Internet Full support 5.0 |
noreferrer
|
Chrome Full support 16 | Edge Full support 13 | Firefox Full support 33 | Internet Explorer Partial support 11 | Opera Full support 15 | Safari Full support 5 | WebView Android Full support 3 | Chrome Android Full support 18 | Firefox for Android Full support 33 | Opera Android Full support 14 | Safari on iOS Full support 4.2 | Samsung Internet Full support 1.5 |
desktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
rel
|
Chrome Full support Так | Edge Full support 12 | Firefox Full support Так | Internet Explorer Full support Так | Opera Full support Так | Safari Full support Так | WebView Android Full support Так | Chrome Android Full support Так | Firefox for Android Full support Так | Opera Android Full support Так | Safari on iOS Full support Так | Samsung Internet Full support Так |
noopener
|
Chrome Full support 49 | Edge Full support 79 | Firefox Full support 52 | Internet Explorer No support Ні | Opera Full support 36 | Safari Full support 10.1 | WebView Android Full support 49 | Chrome Android Full support 49 | Firefox for Android Full support 52 | Opera Android Full support 36 | Safari on iOS Full support 10.3 | Samsung Internet Full support 5.0 |
noreferrer
|
Chrome Full support 16 | Edge Full support 13 | Firefox Full support 33 | Internet Explorer Partial support 11 | Opera Full support 15 | Safari Full support 5 | WebView Android Full support 3 | Chrome Android Full support 18 | Firefox for Android Full support 33 | Opera Android Full support 14 | Safari on iOS Full support 4.2 | Samsung Internet Full support 1.5 |