Альфапедия

Сравнение браузерных движков (поддержка HTML)

редактировать

В этой статье сравнивается поддержка HTML несколькими браузерами.

Поддержка многих новых дополнений текущего стандарта HTML5 находится в отдельном разделе после элементов, предшествующих ему в истории HTML.

Содержание

  • 1 Пояснение к таблицам
    • 1.1 Значения
  • 2 До HTML5
    • 2.1 Элементы глобальной структуры
    • 2.2 Текстовые элементы
    • 2.3 Элементы списка
    • 2.4 Элементы таблицы
    • 2.5 Элементы связи
    • 2.6 Мультимедийные элементы
    • 2.7 Элементы фрейма
    • 2.8 Элементы формы
    • 2.9 Презентационные элементы
    • 2.10 Элементы таблицы стилей
    • 2.11 Элементы сценария
    • 2.12 Элементы языка
    • 2.13 Общие атрибуты
    • 2.14 Нестандартные элементы
  • 3 HTML5
    • 3.1 Атрибуты, зависящие от элемента
    • 3.2 Глобальные атрибуты
    • 3.3 Элементы и атрибуты формы
    • 3.4 API
    • 3.5 Другие функции
    • 3.6 Дополнения следующего поколения
    • 3.7 Связанные спецификации
    • 3.8 Функции мультимедиа
      • 3.8.1 Атрибуты элемента
      • 3.8.2 Атрибуты DOM
      • 3.8.3 События DOM
      • 3.8.4 Видео поддержка формата
      • 3.8.5 Поддержка аудиоформатов
    • 3.9 Функции холста
      • 3.9.1 Поддерживаемые контексты
      • 3.9.2 Контекст отрисовки 2D
  • 4 См. также
  • 5 Примечания
  • 6 Ссылки

Пояснения к таблицам

EngineСтатусВстроено в
WebKit Активный браузерSafari, а также во всех браузерах, размещенных в iOS App Store.
Blink АктивныйGoogle Chrome и другие веб-браузеры на основе Chromium, например Microsoft Edge, Opera и Brave.
EdgeHTML Активныеприложения универсальной платформы Windows ; ранее в браузере Edge.
Gecko Активный браузерFirefox и почтовый клиент Thunderbird, а также вилки, такие как SeaMonkey и Waterfox.
KHTML Снято с поддержкиKonqueror browser
Presto Снято с поддержкиРанее использовалось как движок браузера Opera до перехода на Chromium и Моргай.
Trident Снятая с производстваInternet Explorer и версии Microsoft Outlook до Outlook 2007.

Значения

Они указывают на уровень поддержки для данный элемент в каждом двигателе. По умолчанию подразумевается самая последняя версия движка. Однако может быть указан конкретный номер версии; когда это означает полную поддержку, это первоначальная версия движка, полностью поддерживающая элемент.

Условные обозначения
ЗначениеЗначение
ДаПолностью поддерживается
НетНикогда не поддерживалось
ЧастичноПоддерживаются только некоторые значения
НеправильноНе во всех случаях реализовано правильно
ЭкспериментальныйМожет быть неполным или содержать ошибки
Ночная сборка В настоящее время в разработке; ожидается полная поддержка
ЗависитПоддерживается только для указанных условий
ОтключеноБольше не поддерживается

До HTML5

Глобальные элементы структуры

Глобальная структура документа.

Trident Gecko WebKit KHTML Presto
Базовая структура
html<3.1ДаДаДа1.0
head<3.1
body
Metadata
title<3.11.0ДаДа1.0
meta
Заголовки
h1<3.11.0ДаДа1.0
h2
h3
h4
h5
h6
Группирующие элементы
div<3.11.0ДаДа1.0
span

Текстовые элементы

Элементы, представляющие текст.

Trident Gecko WebKit KHTML Presto
Фраза
em<3.11.0ДаДа1.0
strong
dfn
code
samp
kbd
var
cite
акроним
abbr3.1
Цитаты
blockquote<3.11.0ДаДа1.0
q4.01.8
Нижние и верхние индексы
подстрочные<3.11.0ДаДа1.0
sup
Строки и абзацы
p<3.11.0ДаДа1.0
pre
br<3.1
Пометка изменений документа
ins<3.11.0ДаДа1.0
del

Список elements

Элементы, представляющие списки информации.

Trident Gecko WebKit KHTML Presto
Неупорядоченные и упорядоченные списки
ul<3.11.0ДаДа1.0
ol
li
Списки определений
dl<3.11.0ДаДа1.0
dt
dd

Элементы таблицы

Элементы, представляющие табличную информацию.

Trident Gecko WebKit KHTML Presto
Основные элементы таблицы
table<3.11.0ДаДа1.0
caption
tr
th
td
Группы строк
thead<3.11.0ДаДа1.0
tbody
tfoot
Группы столбцов
colgroup<3.11.0ДаДа1.0
col

Элементы ссылки

Гиперссылки, одна из основных движущих сил успеха World Wide Web.

Trident Gecko WebKit KHTML Presto
a<3.11.0ДаДа1.0
ссылка
base

Мультимедийные элементы

Мультимедийные функции, включая изображения, апплеты, видеоклипы и другие документы HTML.

Trident Gecko WebKit KHTML Presto
Изображения
img<3.11.0ДаДа1.0
Общее включение
объект4.01.0ДаДа1.0
param<3.1
Карты изображений
карта<3.11.0ДаДа1.0
область5.0

Элементы кадра

Элементы для представления документов в нескольких представлениях, которые могут быть независимыми окнами или подокнами. Макет фреймов доступен только в профилях фреймов. Все фреймы недоступны в XHTML 1.1 (вместо встроенных фреймов используйте общие элементы объекта).

Trident Gecko WebKit KHTML Presto
Макет фрейма
frameset<3.11.0ДаДа1.0
frame
noframes
Встроенные кадры
iframe<3.11.0ДаДа1.0

Форма элементы

Пользовательский интерфейс управляет взаимодействием с веб-сервером.

Trident Gecko WebKit KHTML Presto
Basic структура
форма<3.11.0ДаДа1.0
набор полей
легенда
Элементы управления и метки формы
кнопка<3.11.0ДаДа1.0
textarea<3.1
input
label3.4.2
Списки (поля со списком)
выберите<3.11.0ДаДа1.0
optgroup
option

Презентационные элементы

Элементы которые определяют презентационную информацию. Хотя не все элементы являются устаревшими, их использование не рекомендуется в пользу таблиц стилей. Устаревшие элементы недоступны в строгих профилях и XHTML 1.1.

Trident Gecko WebKit KHTML Presto
Стили шрифтов
b<3.11.0ДаДа1.0
i
большой
маленький
tt
Горизонтальные правила
hr<3.11.0ДаДа1.0

Элементы таблицы стилей

способы применения таблиц стилей (CSS ) к документу.

Trident Gecko WebKit KHTML Presto
<3.11.0ДаДа1.0
стиль6.0

Элементы сценария

Элементы для встраивания клиентского сценария (JavaScript ). См. Также События DOM для получения списка атрибутов, используемых для присоединения обработчика событий к элементу.

Trident Gecko WebKit KHTML Presto
скрипт<3.11.0ДаДа1.0
noscriptНеверно

Элементы языка

Элементы, относящиеся к информации о языке.

Trident Gecko WebKit KHTML Presto
bdo<3.11.0ДаЧастично1.0

Общие атрибуты

Атрибуты, которые можно использовать в любых элементах.

Trident Gecko WebKit KHTML Presto
Идентификаторы элементов
id<3.11.0ДаДа1.0
class
Встроенные стили
style<3.11.0ДаДа1.0
Справочная информация
title<3.11.0ДаДа1.0
Информация о языке
lang<3.11.0ДаДа1.0
dir<3.1

Нестандартные элементы

В первые годы Интернета стандарты, которые сегодня используются в большинстве веб-браузеров и веб-страниц в основном отсутствовали. Различные браузеры и редакторы HTML предлагались конкурирующими поставщиками, такими как Netscape и Microsoft, у которых были конкурирующие идеи о том, как следует строить веб-сайты. Эти различные функции привели к тому, что веб-разработчики кодировали для определенных веб-браузеров, используя элементы, которые часто могли быть распознаны только одним браузером.

В этих таблицах перечислены поддерживаемые механизмом браузера нестандартные элементы HTML.

ЭлементФункцияПоддерживается сначалаНе рекомендуется в версии HTMLАльтернативное решениеTrident Gecko WebKit KHTML Presto
апплетВставить апплетHotJava 4embed, объект<3.11.7ДаДа1.0
basefontУстанавливает стили шрифтаInternet Explorer4CSS<3.1No85Да
центрЦентры содержимоеNetscape4CSS3.1ДаДа
dirСписок каталогов?4ul, ol
шрифтПрименяется стили шрифтовNetscape4CSS
isindexДобавляет поле поиска?4input type = "search"<3.11,7312Частичный листинг
Отображает предварительно отформатированный текстIETF 2pre, samp, code, CSS3.11253.3Да
менюСписок меню?4ul, olДаДаДа
открытый текстУказывает, что весь HTML игнорируется, и страница отображается как есть?3.2Тип text/plainMIME
sЗачеркнутый?4del, CSS<3.11.71.0
strikeStrike- через?4del, CSS
uПодчеркнутый?4CSS
xmpПодобно preи plaintext, но игнорирует весь HTML внутри и отображает как есть?2pre, samp, code<3.11253.3
AttributeElementАльтернативное решениеTrident Gecko WebKit KHTML Presto
aligncaption, div, fieldset, h1, h2, h3, h4, h5, h6, hr, img, вход, легенда, p, объект, таблицаCSS3.1ДаДаДаДа
alinkbodyCSSНет
backgroundbodyCSSДа
bgcolorbody, table, tr, td, thCSS
borderimg, объектCSSЧастично
очиститьbrCSSНет
компактноdl, ul, olCSSНетНет
цветbasefont, шрифтCSS3.1ЧастичнаяЧастичная
высотаtd, thCSSДаДа
hspaceimg, объектCSS
языкскриптАтрибут типNo
ссылкателоCSSДа
без тениhrCSS
nowraptd, thCSS
размерbasefont, font, hrCSS
началоolНет
тексттелоCSS
типli, ul, olCSS
версияhtmlDTD НетНетНетНетНет
vlinkbodyCSSДаДаДаДаДа
ширинаhr, pre, td, thCSS
vspaceimg, объектCSS
ТегФункцияПредставленоАльтернативное решениеTrident Gecko WebKit KHTML Presto
bgsoundИспользуется для добавления звука к фону веб-сайтаInternet Explorerаудио<3.1НетНетНетОтключено
мигает Используется для отображения мигающего текстаNetscape Javascript, CSSНетОтброшеноДаНет1.0
bqИспользуется для отображения цитаты WebTV, HTML 3.0цитатаНетНетНетНетУдалено
комментарийИспользуется для разрешения добавления комментариев к HTML-документамInternet Explorer, WebTV3.1НетНетНетНет
ilayer Встроенные слоиNetscape (только 4)iframeНетНетНетЧастичноНет
изображениеСиноним img?img3.1ДаДаДаДа
слой Используется для создания нескольких слоев текста и изображений, которые накладываются друг на друга в заданном порядкеNetscape (только 4)CSS, AJAX НетНетНетЧастичноНет
выделение Используется для отображения прокручиваемого текста в виде выделения.Internet Explorer, WebTVJavaScript, CSS33,11,71253,31.0
nobrПредотвращает появление разрывов строк в текстеNetscapeCSS3.1ДаДаДаДа
noembedОтображает альтернативный текст для браузеров, которые не распознают тег внедренияNetscapeДочерние элементы объекта, используемые как резервные
spacerДобавляет пробелы в макетNetscapeCSSНетОтброшеноНетНетНет
wbrПомещено внутри элемента nobr для добавления разрыва строкиNetscapeсимвол Unicode пробел нулевой ширины (U+ 200B)Dropped1,7Да3,1Нет
xmlВключает данные XML, встроенные или из URL-адреса, на HTML-страницуInternet ExplorerAJAX, возможно пространства имен XML 3,1НетНетНетНет
АтрибутНе рекомендуется для функцииСначала поддерживаетсяTrident Gecko WebKit KHTML Presto
bgpropertiesbodyОпределяет, будет ли фоновое изображение прокручиваться вместе с фономInternet Explorer3.1НетДаДаНет
bordercolorbodyУстанавливает цвета для границ трехмерной таблицы в таблице, td, th, и trэлементыInternet ExplorerНетДаДаНет
bordercolordarkbodyУстанавливает цвета для границ трехмерной таблицы в таблице, td, thи trэлементахИнтернет ExplorerНетНетНетНет
bordercolorlightbodyУстанавливает цвета для границ трехмерной таблицы в таблица, td, thи элементы trInternet Explorer
элементы управленияimgИспользует элемент imgдля размещения видео или аудиоклипыInternet ExplorerНетНетНетНет
dynsrcimgИспользует элемент imgдля размещения vi део или аудиоклипыInternet ExplorerНетНетНетНет
событиесценарийОпределяет функцию для вызова объекта.Internet ExplorerЧастично???
длясценарияОпределяет объект для привязки события сценария.Internet ExplorerЧастичный???
фреймтаблицаУправляет отображением внешних границ таблицы в теге таблицыInternet ExplorerДа?ДаНет
framepacingframesetУстанавливает расстояние между кадрамиInternet Explorer??НетНет
leftmarginbodyУстанавливает отступ между окном браузера и содержимым страницыInternet Explorer3,1??ДаНет
loopimgИспользует элемент imgдля размещения видео или аудиоклиповInternet ExplorerНетНетНетНет
rightmarginbodyУстанавливает отступ между окном браузера и d содержимое страницыInternet Explorer3.1??НетНет
startimgИспользует imgэлемент для размещения видео- или аудиоклиповInternet ExplorerНетНетНетНет
цельformОпределяет целевое окно или фрейм для вывода формыInternet ExplorerNo?ДаНет
valigncaptionУстанавливает вертикальный выравнивание заголовка таблицыInternet Explorer3.1??НетНет

HTML5

Trident EdgeHTML Gecko WebKit Presto
section5.0122.05332.7.70
nav
статья
в сторону
hgroup
заголовок
нижний колонтитул
pingНетНетОтключеноДаНет
времяНетНет22.0Нет2.8.146
знак5,0122.0Да2.7.70
рубин ,rt, rp3.11238.0533Нет
диалоговое окноНетНетNoТолько в ChromeНет
рисунок5.0122.0Да2.7.70
figcaption
Embed<3.1121.7851,0
видео 5,0 (частично)1215,05252,5
аудио
источник
холст Частично1.9.2Частично2.0
Встроенный MathML НетНет2.0No2.1
Встроенный SVG 5.012Да2.9.220
подробнееНетНет47ДаНет
сводкаДа
командаNoНет
меню8,0No2,8
bdi10.0528Нет
данныеНетНет22.0НетНет
изображениеНет1338.0NoНет
Trident EdgeHTML Gecko WebKit Presto

Атрибуты, зависящие от элемента

АтрибутЭлементTrident EdgeHTML Gecko WebKit Presto
manifesthtml6.0121.9Да2.6
размерыссылкаНет138,0 (только мобильный)ДаНет
кодировкамета4,0121,9.2Да2.5.24
с областью действиястильНетНет21,0NoНет
asyncсценарий6.0121.9.2Да
в обратном порядкеolНетНет18.0Да
загрузитьa, областьНет1320.0Да
песочницаiframe6.01217.0533
бесшовныеiframeНетНетNoNo
АтрибутЭлементTrident EdgeHTML Gecko WebKit Presto

Глобальные атрибуты

Trident Gecko WebKit Presto
translateНет
Наборы данных (данные- *)Нет6.0Да2.8
contextmenu8,0NoНет
скрыто2.0Да2.7.70
contenteditable<3.11.9Да2,0
проверка орфографии k6.01.8Неправильно2,8
перетаскиваемое1.9.15332.10.270
dropzoneНетNoДа2.10.270
Trident Gecko WebKit Presto

Элементы и атрибуты форм

Многие из этих функций можно эмулировать с помощью сторонних библиотек.

Trident Gecko WebKit Presto
Атрибуты
автозаполнение3,1ДаДа2.0
список6.02.0Да
требуется6.02.0528
несколько6.01.9.25262.7
шаблон6.02.05282.0
мин, max6.016.0Да
шаг6.016.0528
заполнитель6.02.0Да2.7
формаНет2.0Да2.0
autofocus6.02.0528
макс.длина6.02.0528
новалидат6.02.05282,8
контрольНет2.0НетНет
принятьНет2,0ДаДа
formtarget6.02.0Да2.8
formaction6.02.0Да2.8
метод формы6.02.0Да2.8
formenctype6.02.0Да2.8
formnovalidate6.02.05282.8
отключено(элемент fieldset)<3.12.0Нет2.7
Элементы
datalist6.02.0Да2.0
keygenNo1.01251.0
выходНет2.0Да2.0
progress6.06.0Да2.7
метрНет16.0Да
Типы ввода
поиск6.02.03122.7
тел6.02.0528
url6.02.05282.0
электронная почта6.02.0528
datetimeНетNoNo
dateНетДа
месяцНет
неделяНет
времяНет
datetime-localНет
число6.029.0528
диапазон6.023.0Да
цветнойНет29.0Да2.7
Trident Gecko WebKit Presto

API-интерфейсы

Trident EdgeHTML Gecko WebKit Presto
getElementsByClassName5.0121.95252.1
registerProtocolHandlerНетНет1.9Да2.10
registerContentHandler1.8
Обмен сообщениями между документами 4.0121.9Да2.0
Перетаскивание6.0121.9.1Да2.10.270
pushState ()и replaceState()6.0122.05282.9
Trident EdgeHTML Gecko WebKit Presto

Другие функции

Trident Gecko WebKit Presto
Микроданные Нет16.0NoДа
HTML5 Tokenizer6.02.0Да2.10
HTML5 Tree BuilderДа
HTML5 Fragment ParserДа
Нет33.0ДаНет
window.onhashchange4.01.9.25282,6
element.classListНет1.9.2Да2,8
dir = "auto"Нет20.0528+Нет
Trident Gecko WebKit Presto

Дополнения следующего поколения

Версия HTML WHATWG также включает дополнительные функции, которые технически не относятся к HTML5, которые в спецификации описаны как «дополнения следующего поколения, все еще находящиеся в разработке».

Trident EdgeHTML Gecko WebKit Presto
6.012
НетНетЗависитЗависит

Связанные спецификации

Trident EdgeHTML Gecko WebKit Presto
mainelementНет1221,0ДаНет
шаблонэлементНет13НетДаНет
API селекторов4.0121.9.15252.2
Интернет-хранилище 4.0121.9.15252,5
API индексированной базы данных 5,01216.0ЧастичноНет
База данных Web SQL (устаревшая)НетНетNoДа2,5
File API5,012ДаДа2.8
File API: Writer5.0НетNoЧастичноНет
Файловый API: каталоги и системаНетНетNoДа
Media Capture API2.0Нет2.10
События, отправленные сервером 6.0Да2.7
WebSocket 6.01211.05332.11
Веб-воркеры 6.0121.9.1Да2,6
API геолокации 5,0121.9.15332,6
Офлайн-веб-приложения6.0121.9.1Да2.6
Веб-уведомленияНетНет22.0только в Chrome25
Trident EdgeHTML Gecko WebKit Presto

Медиа-функции

Спецификация HTML5 определяет несколько тегов которые позволяют включать видео и аудио изначально и семантически в разметку HTML.

Атрибуты элемента

Медиа-элементы позволяют устанавливать некоторые атрибуты непосредственно в теге.

Trident Gecko WebKit Presto
атрибуты
src5.01.9.15252.5
предварительная загрузка2.0Экспериментальная
автовоспроизведение1.9.12.5
цикл11.0
элементы управления1.9. 1
атрибуты
src5.01.9.15252.5
preload2.0Экспериментальный
автовоспроизведение1.9.12.5
цикл11.0
элементы управления1.9.1
плакат1.9.2
ширина1.9.1
высота
атрибуты
src5.01.9.15252.5
тип
media15.0
атрибуты
kind6.024.0ДаНет
label
src
srclang

Атрибуты DOM

Некоторые атрибуты, относящиеся к элементам мультимедиа, отображаются в DOM.

Trident Gecko WebKit Presto
Состояние ошибки
MediaError5.01.9.1?2.5
Состояние сети
src5.01.9.1?2.5
currentSrc
networkState
предварительная загрузка2.0Нет
с буферизацией2.0
load ()1.9.12.5
canPlayType ()533
Состояние готовности
readyState5.01.9.1?2.5
поиск
Состояние воспроизведения
currentTime5.01.9.1?2,5
startTimeНет
длительность1.9.1
paused
по умолчаниюPlaybackRate20.0Нет
Скорость воспроизведения
воспроизведена15.0
доступный для поиска8.0
завершен1.9.12.5
автозапуск
цикл11.0
play ()1.9.1
pause ()
Элементы управления
элементы управления5.01.9.1?2,5
объем
отключены

события DOM

Медиа-элементы вводят новые события для обработки условий, которые применяются только к этим элементам, например, приостановка / возобновление.

Trident Gecko WebKit Presto
loadstart5.01.9.1??
прогресс
приостановить1.9.2
прерывание1.9.1
ошибка
очищено
остановлено8.0
воспроизведение1.9.1
пауза
загруженные метаданные
загруженные данные
ожидание
воспроизведениеНет
canplay1.9.1
canplaythrough
поиск
ищется
timeupdate
завершено
ratechange
durationchange
volumechange

Поддержка видеоформатов

Эта таблица документирует поддержку видеокодеков с помощью элемента .

Trident edgeHTML Gecko WebKit Presto
Ogg Theora Ручная установка1.9.1Зависит2,5
H.264 5.033.0Зависит (525)Зависит
WebM VP8 Установка вручнуюДа2.0Зависит (534)2.6.30

Поддержка аудиоформатов

Эта таблица поддержка документов для аудиокодеков элементом .

Trident edgeHTML Gecko WebKit Presto
Ogg Vorbis Ручная установка1.9.1Зависит от2,5
WAV PCM 5252,0
MP3 5,0NoЗависит от
AAC Нет
Speex Ручная установкаNoЗависитНет
Opus НетДа15.0ЗависитНет

Функции холста

В следующих таблицах сравнивается поддержка API-интерфейсов рисования элемента Canvas, функции HTML5. В этих таблицах сравнивается встроенная поддержка веб-браузерами без каких-либо плагинов, надстроек или ECMAScript обходных путей.

Trident Gecko WebKit Presto
getContext5.01.8Да2.0
toDataURL1.8Да2.1

Поддерживаемые контексты

Trident Gecko WebKit Presto
2d5.01.9.1Частично2.6
WebGL 7.0ЗависитЗависит2.9.220

Контекст отрисовки 2D

Trident Gecko WebKit Presto
Состояние холста
сохранить5,01,8Да2,0
восстановить
Преобразования
масштаб5,01,8Да2,0
повернуть
перевести
преобразовать2,6
setTransform2,6
Составление
globalAlpha5.01.8Да2.0
globalCompositeOperation
Цвета и стили
strokeStyle5.01,8Да2,0
fillStyle
c reateLinearGradient
createRadialGradient
createPattern
Стили линий
lineWidth5.01.8Да2.0
lineCap
lineJoin
miterLimit
Тени
shadowOffsetX5.01.9.1Да2.4
shadowOffsetY
shadowBlur
shadowColor
Простые формы
clearRect5.01.8Да2.0
fillRect
strokeRect
Сложные формы
beginPath5.01.8Да2.0
closePath
moveTo
lineTo
quadraticCurveTo1.8.1
bezierCurveTo1.8
arcTo1.8.1
rect1.8
arc
fill
stroke
clip
isPointInPath
Focus управление
drawFocusRingНет28.0НетНет
Текст
шрифт5.01.9. 1ДаНет
textAlign2.6
textBaseline
fillText
strokeText
measureText
Изображения
drawImage5,01,8Да2.0
createImageData1.9.12.7
getImageData1.92.6
putImageData2.0

См. Также

Примечания

Ссылки

Trident
Gecko
Webkit
Presto
Последняя правка сделана 2021-05-15 08:02:53
Содержание доступно по лицензии CC BY-SA 3.0 (если не указано иное).
Обратная связь: support@alphapedia.ru
Соглашение
О проекте