Comparação de motores de navegador (suporte HTML) - Comparison of browser engines (HTML support)

Este artigo compara o suporte a HTML por vários mecanismos de navegador .

O suporte para as muitas novas adições do padrão HTML5 atual está em sua própria seção, após os itens que o precederam na história do HTML.

Explicação das tabelas

Motor Status Embarcado em
WebKit Ativo Navegador Safari , além de todos os navegadores hospedados na iOS App Store .
Piscar Ativo Google Chrome e outros navegadores baseados em Chromium , como Microsoft Edge , Opera e Brave .
EdgeHTML Ativo Aplicativos da plataforma universal do Windows ; anteriormente no navegador Edge.
Gecko Ativo Navegador Firefox e cliente de e- mail Thunderbird , além de garfos como SeaMonkey e Waterfox .
KHTML Ativo Navegador Konqueror
Presto Interrompido Anteriormente usado como mecanismo de navegador do Opera , antes da migração para o Chromium e o Blink.
Tridente Interrompido Internet Explorer e versões do Microsoft Outlook anteriores ao Outlook 2007.

Valores

Eles indicam o nível de suporte para o item fornecido em cada motor. Por padrão, a versão mais recente do mecanismo está implícita. No entanto, um número de versão específico pode ser listado; quando isso indica suporte total, é a versão inicial do mecanismo que oferece suporte total ao item.

Lenda
Valor Significado
sim Totalmente suportado
Não Nunca foi apoiado
Parcial Apenas alguns valores são suportados
Incorreta Não implementado corretamente em todos os casos
Experimental Pode estar incompleto ou cheio de erros
Construção noturna Atualmente em desenvolvimento; suporte total é esperado
Depende Suportado apenas para as condições especificadas
Derrubado Não mais suportado

Antes de HTML5

Elementos de estrutura global

A estrutura global do documento.

Tridente Gecko WebKit KHTML Presto
Estrutura básica
html <3.1 [IE 5.0] sim sim sim 1.0
head <3.1 [IE 4.0]
body
Metadados
title <3.1 [IE 4.0] 1.0 sim sim 1.0
meta
Títulos
h1 <3.1 [IE 4.0] 1.0 sim sim 1.0
h2
h3
h4
h5
h6
Elementos de agrupamento
div <3.1 [IE 4.0] 1.0 sim sim 1.0
span

Elementos de texto

Elementos que representam texto.

Tridente Gecko WebKit KHTML Presto
Frase
em <3.1 [IE 4.0] 1.0 sim sim 1.0
strong
dfn
code
samp
kbd
var
cite
acronym
abbr. 3,1
Citações
blockquote <3.1 [IE 4.0] 1.0 sim sim 1.0
q 4,0 1.8
Subscrito e sobrescrito
sub <3.1 [IE 4.0] 1.0 sim sim 1.0
sup
Linhas e parágrafos
p <3.1 [IE 4.0] 1.0 sim sim 1.0
pre
br <3.1 [IE 5.0]
Marcando alterações no documento
ins <3.1 [IE 4.0] 1.0 sim sim 1.0
del

Elementos da lista

Elementos que representam listas de informações.

Tridente Gecko WebKit KHTML Presto
Listas ordenadas e não ordenadas
ul <3.1 [IE 4.0] 1.0 sim sim 1.0
ol
li
Listas de definição
dl <3.1 [IE 4.0] 1.0 sim sim 1.0
dt
dd

Elementos de mesa

Elementos que representam informações tabulares.

Tridente Gecko WebKit KHTML Presto
Elementos básicos da mesa
table <3.1 [IE 4.0] 1.0 sim sim 1.0
caption
tr
th
td
Grupos de linha
thead <3.1 [IE 4.0] 1.0 sim sim 1.0
tbody
tfoot
Grupos de coluna
colgroup <3.1 [IE 4.0] 1.0 sim sim 1.0
col

Elementos de link

Hiperlinks , uma das principais forças que impulsionam o sucesso da World Wide Web .

Tridente Gecko WebKit KHTML Presto
a <3.1 [IE 4.0] 1.0 sim sim 1.0
link
base

Elementos multimídia

Recursos multimídia, incluindo imagens, miniaplicativos, videoclipes e outros documentos HTML.

Tridente Gecko WebKit KHTML Presto
Imagens
img <3.1 [IE 4.0] 1.0 sim sim 1.0
Inclusão genérica
object 4,0 1.0 sim sim 1.0
param <3.1 [IE 6.0]
Mapas de imagens
map <3.1 [IE 4.0] 1.0 sim sim 1.0
area 5.0

Elementos de quadro

Elementos para apresentar documentos em múltiplas visualizações, que podem ser janelas independentes ou subjanelas. O layout da moldura está disponível apenas nos perfis do conjunto de molduras. Todos os quadros não estão disponíveis em XHTML 1.1 (use elementos de objeto genéricos em vez de quadros embutidos).

Tridente Gecko WebKit KHTML Presto
Layout da moldura
frameset <3.1 [IE 4.0] 1.0 sim sim 1.0
frame
noframes
Quadros embutidos
iframe <3.1 [IE 4.0] 1.0 sim sim 1.0

Elementos de formulário

A interface do usuário controla a interação com o servidor da web .

Tridente Gecko WebKit KHTML Presto
Estrutura básica
form <3.1 [IE 4.0] 1.0 sim sim 1.0
fieldset
legend
Controles e rótulos de formulário
button <3.1 [IE 4.0]

1.0 sim sim 1.0
textarea <3.1 [IE 4.0]
input
label 3.4.2
Caixas de listagem (caixas de combinação)
select <3.1 [IE 4.0] 1.0 sim sim 1.0
optgroup
option

Elementos de apresentação

Elementos que especificam informações de apresentação. Embora nem todos os elementos estejam obsoletos, seu uso é desencorajado em favor de folhas de estilo. Os elementos obsoletos não estão disponíveis nos perfis estritos e no XHTML 1.1.

Tridente Gecko WebKit KHTML Presto
Estilos de fonte
b <3.1 [IE 4.0] 1.0 sim sim 1.0
i
big
small
tt
Réguas horizontais
hr <3.1 [IE 4.0] 1.0 sim sim 1.0

Elementos de folha de estilo

As maneiras de aplicar folhas de estilo ( CSS ) ao documento.

Tridente Gecko WebKit KHTML Presto
<link rel="style" ... /> <3.1 [IE 4.0] 1.0 sim sim 1.0
style 6,0

Elementos de script

Elementos para a incorporação de script do lado do cliente ( JavaScript ). Consulte também Eventos DOM para obter uma lista de atributos usados ​​para anexar um manipulador de eventos a um elemento.

Tridente Gecko WebKit KHTML Presto
script <3.1 [IE 5.0] 1.0 sim sim 1.0
noscript Incorreta

Elementos de linguagem

Elementos relacionados às informações sobre o idioma.

Tridente Gecko WebKit KHTML Presto
bdo <3.1 [IE 5.0] 1.0 sim Parcial 1.0

Atributos genéricos

Atributos que podem ser usados ​​em qualquer elemento.

Tridente Gecko WebKit KHTML Presto
Identificadores de elemento
id <3.1 [IE 3.0] 1.0 sim sim 1.0
class
Estilos embutidos
style <3.1 [IE 3.0] 1.0 sim sim 1.0
Informação Consultiva
title <3.1 [IE 4.0] 1.0 sim sim 1.0
Informação de idioma
lang <3.1 [IE 4.0] 1.0 sim sim 1.0
dir <3.1 [IE 5.0]

Itens fora do padrão

Nos primeiros anos da Web , os padrões que hoje são usados ​​na maioria dos navegadores e páginas da Web eram praticamente inexistentes. Navegadores e editores de HTML diferentes estavam sendo oferecidos por fornecedores concorrentes, como Netscape e Microsoft, que tinham ideias concorrentes sobre como os sites deveriam ser construídos. Esses recursos variados resultaram na codificação de desenvolvedores da web para navegadores da web específicos, usando elementos que muitas vezes podiam ser reconhecidos por apenas um navegador.

Essas tabelas listam o suporte do mecanismo do navegador para itens HTML não padrão.

Elemento Função Apoiado primeiro por Obsoleto na versão HTML Solução alternativa Tridente Gecko WebKit KHTML Presto
applet Insira um miniaplicativo HotJava 4 embed, object <3.1 [IE 4.0] 1,7 sim sim 1.0
basefont Define estilos de fonte Internet Explorer 4 CSS <3.1 [IE 3.0] Não 85 sim
center Conteúdo dos centros Netscape 4 CSS 3,1 sim sim
dir Lista de diretórios ? 4 ul, ol
font Aplica estilos de fonte Netscape 4 CSS
isindex Adiciona um campo de pesquisa ? 4 input type="search" <3.1 [IE 5.5] 1,7 312 Parcial
listing Exibe texto pré-formatado IETF 2 pre, samp, code, CSS 3,1 125 3,3 sim
menu Lista de menu ? 4 ul, ol sim sim sim
plaintext Designa que todo o HTML seja ignorado e exiba a página como está ? 3,2 O text/plain tipo MIME
s Riscado ? 4 del, CSS <3.1 [IE 4.0] 1,7 1.0
strike Riscado ? 4 del, CSS
u Sublinhado ? 4 CSS
xmp Semelhante a pree plaintext, mas ignora todo o HTML dentro e exibe como está ? 2 pre, samp,code <3.1 [IE 3.0] 125 3,3
Atributo Elemento Solução alternativa Tridente Gecko WebKit KHTML Presto
align caption, div, fieldset, h1, h2, h3, h4, h5, h6, hr, img, input, legend, p, object,table CSS 3,1 sim sim sim sim
alink body CSS Não
background body CSS sim
bgcolor body, table, tr, td,th CSS
border img, object CSS Parcial
clear br CSS Não
compact dl, ul,ol CSS Não Não
color basefont, font CSS 3,1 Parcial Parcial
height td, th CSS sim sim
hspace img, object CSS
language script O typeatributo Não
link body CSS sim
noshade hr CSS
nowrap td, th CSS
size basefont, font,hr CSS
start ol Nenhum
text body CSS
type li, ul,ol CSS
version html DTD Não Não Não Não Não
vlink body CSS sim sim sim sim sim
width hr, pre, td,th CSS
vspace img, object CSS
Marcação Função Apresentado por Solução alternativa Tridente Gecko WebKit KHTML Presto
bgsound Usado para adicionar som ao plano de fundo de um site Internet Explorer audio <3.1 [IE 3.0] Não Não Não Derrubado
blink Usado para exibir um texto piscando Netscape Javascript, CSS Não Derrubado sim Não 1.0
bq Usado para exibir um blockquote WebTV, HTML 3.0 blockquote Não Não Não Não Derrubado
comment Usado para permitir a adição de comentários a documentos HTML Internet Explorer, WebTV <!-- ... --> 3,1 Não Não Não Não
ilayer Camadas embutidas Netscape (4 apenas) iframe Não Não Não Parcial Não
image Sinônimo de img ? img 3,1 sim sim sim sim
layer Usado para criar várias camadas de texto e imagens que ficam em cima umas das outras em uma determinada ordem Netscape (4 apenas) CSS, AJAX Não Não Não Parcial Não
marquee Usado para exibir um texto de rolagem semelhante a um letreiro. Internet Explorer, WebTV JavaScript, CSS3 3,1 1,7 125 3,3 1.0
nobr Impede que qualquer quebra de linha ocorra dentro do fluxo de um texto Netscape CSS 3,1 sim sim sim sim
noembed Exibe um texto alternativo para navegadores que não reconhecem a tag embed Netscape Elementos filho do objeto usado como substituto
spacer Adiciona espaços em branco em um layout Netscape CSS Não Derrubado Não Não Não
wbr Colocado dentro de um elemento nobr para adicionar uma quebra de linha Netscape Espaço com largura zero de caracteres Unicode ( U + 200B ) Derrubado 1,7 sim 3,1 Não
xml Inclui dados XML, inline ou de um URL, em uma página HTML Internet Explorer AJAX , possivelmente namespaces XML 3,1 Não Não Não Não
Atributo Obsoleto para Função Apoiado primeiro por Tridente Gecko WebKit KHTML Presto
bgproperties body Determina se a imagem de fundo rola com o fundo Internet Explorer 3,1 Não sim sim Não
bordercolor body Conjuntos de cores para 3-D de mesa fronteiras nos table, td, th, e trelementos Internet Explorer Não sim sim Não
bordercolordark body Conjuntos de cores para 3-D de mesa fronteiras nos table, td, th, e trelementos Internet Explorer Não Não Não Não
bordercolorlight body Conjuntos de cores para 3-D de mesa fronteiras nos table, td, th, e trelementos Internet Explorer
controls img Usa o imgelemento para colocar clipes de vídeo ou áudio Internet Explorer Não Não Não Não
dynsrc img Usa o imgelemento para colocar clipes de vídeo ou áudio Internet Explorer Não Não Não Não
event script Define a função para chamar um objeto. Internet Explorer Parcial ? ? ?
for script Define o objeto para vincular um evento de script. Internet Explorer Parcial ? ? ?
frame table Controla a exibição das bordas externas de uma tabela na tag da tabela Internet Explorer sim ? sim Não
framespacing frameset Define a quantidade de espaço entre os quadros Internet Explorer ? ? Não Não
leftmargin body Define a margem entre a janela do navegador e o conteúdo da página Internet Explorer 3,1 ? ? sim Não
loop img Usa o imgelemento para colocar clipes de vídeo ou áudio Internet Explorer Não Não Não Não
rightmargin body Define a margem entre a janela do navegador e o conteúdo da página Internet Explorer 3,1 ? ? Não Não
start img Usa o imgelemento para colocar clipes de vídeo ou áudio Internet Explorer Não Não Não Não
target form Especifica uma janela ou moldura de destino para a saída de um formulário Internet Explorer Não ? sim Não
valign caption Define o alinhamento vertical da legenda da tabela Internet Explorer 3,1 ? ? Não Não

HTML5

Tridente EdgeHTML Gecko WebKit Presto
section 5.0 12 2.0 533 2.7,70
nav
article
aside
hgroup
header
footer
ping Não Não Desabilitado sim Não
time Não Não 22,0 Não 2.8.146
mark 5.0 12 2.0 sim 2.7,70
ruby, rt,rp 3,1 12 38,0 533 Não
dialog Não Não Não Apenas no Chrome Não
figure 5.0 12 2.0 sim 2.7,70
figcaption
embed <3.1 [IE 3.0] 12 1,7 85 1.0
video 5,0 (parcial) 12 15.0 525 2,5
audio
source
canvas Parcial 1.9.2 Parcial 2.0
MathML Inline Não Não 2.0 Não 2,1
SVG embutido 5.0 12 sim 2.9.220
details Não Não 47 sim Não
summary sim
command Não Não
menu 8,0 Não 2,8
bdi 10,0 528 Não
data Não Não 22,0 Não Não
picture Não 13 38,0 Não Não
Tridente EdgeHTML Gecko WebKit Presto

Atributos específicos do elemento

Atributo Elemento Tridente EdgeHTML Gecko WebKit Presto
manifest html 6,0 12 1,9 sim 2,6
sizes link Não 13 8.0 (apenas móvel) sim Não
charset meta 4,0 12 1.9.2 sim 2.5.24
scoped style Não Não 21,0 Não Não
async script 6,0 12 1.9.2 sim
reversed ol Não Não 18,0 sim
download a,area Não 13 20,0 sim
sandbox iframe 6,0 12 17,0 533
seamless iframe Não Não Não Não
Atributo Elemento Tridente EdgeHTML Gecko WebKit Presto

Atributos globais

Tridente Gecko WebKit Presto
translate Não
Conjuntos de dados ( data-*) Não 6,0 sim 2,8
contextmenu 8,0 Não Não
hidden 2.0 sim 2.7,70
contenteditable <3.1 [IE 5.5] 1,9 sim 2.0
spellcheck 6,0 1.8 Incorreta 2,8
draggable 1.9.1 533 2.10.270
dropzone Não Não sim 2.10.270
Tridente Gecko WebKit Presto

Elementos e atributos do formulário

Muitos desses recursos podem ser emulados com bibliotecas de terceiros.

Tridente Gecko WebKit Presto
Atributos
autocomplete 3,1 sim sim 2.0
list 6,0 2.0 sim
required 6,0 2.0 528
multiple 6,0 1.9.2 526 2,7
pattern 6,0 2.0 528 2.0
min, max 6,0 16,0 sim
step 6,0 16,0 528
placeholder 6,0 2.0 sim 2,7
form Não 2.0 sim 2.0
autofocus 6,0 2.0 528
maxlength 6,0 2.0 528
novalidate 6,0 2.0 528 2,8
control Não 2.0 Não Não
accept Não 2.0 sim sim
formtarget 6,0 2.0 sim 2,8
formaction 6,0 2.0 sim 2,8
formmethod 6,0 2.0 sim 2,8
formenctype 6,0 2.0 sim 2,8
formnovalidate 6,0 2.0 528 2,8
disabled (elemento fieldset) <3,1 2.0 Não 2,7
Elementos
datalist 6,0 2.0 sim 2.0
keygen Não 1.0 125 1.0
output Não 2.0 sim 2.0
progress 6,0 6,0 sim 2,7
meter Não 16,0 sim
Tipos de entrada
search 6,0 2.0 312 2,7
tel 6,0 2.0 528
url 6,0 2.0 528 2.0
email 6,0 2.0 528
datetime Não Não Não
date Não sim
month Não
week Não
time Não
datetime-local Não
number 6,0 29,0 528
range 6,0 23,0 sim
color Não 29,0 sim 2,7
Tridente Gecko WebKit Presto

APIs

Tridente EdgeHTML Gecko WebKit Presto
getElementsByClassName 5.0 12 1,9 525 2,1
registerProtocolHandler Não Não 1,9 sim 2,10
registerContentHandler 1.8
Mensagens entre documentos 4,0 12 1,9 sim 2.0
Arrastar e soltar 6,0 12 1.9.1 sim 2.10.270
pushState() e replaceState() 6,0 12 2.0 528 2,9
Tridente EdgeHTML Gecko WebKit Presto

Outras características

Tridente Gecko WebKit Presto
Microdados Não 16,0 Não sim
Tokenizer HTML5 6,0 2.0 sim 2,10
HTML5 Tree Builder sim
Analisador de fragmentos HTML5 sim
<a rel="noreferrer"> Não 33,0 sim Não
window.onhashchange 4,0 1.9.2 528 2,6
element.classList Não 1.9.2 sim 2,8
dir="auto" Não 20,0 528+ Não
Tridente Gecko WebKit Presto

Adições de última geração

A versão WHATWG do HTML também inclui recursos adicionais que não são tecnicamente HTML5, que são descritos como "adições de próxima geração ainda em desenvolvimento" na especificação.

Tridente EdgeHTML Gecko WebKit Presto
<track> 6,0 12
<a ping> Não Não Depende Depende

Especificações relacionadas

Tridente EdgeHTML Gecko WebKit Presto
main elemento Não 12 21,0 sim Não
template elemento Não 13 Não sim Não
API de seletores 4,0 12 1.9.1 525 2,2
Armazenamento web 4,0 12 1.9.1 525 2,5
API de banco de dados indexado 5.0 12 16,0 Parcial Não
Banco de dados Web SQL (obsoleto) Não Não Não sim 2,5
API de arquivo 5.0 12 sim sim 2,8
API de arquivo: escritor 5.0 Não Não Parcial Não
API de arquivo: diretórios e sistema Não Não Não sim
API de captura de mídia 2.0 Não 2,10
Eventos enviados pelo servidor 6,0 sim 2,7
WebSocket 6,0 12 11,0 533 2,11
Trabalhadores da Web 6,0 12 1.9.1 sim 2,6
API de geolocalização 5.0 12 1.9.1 533 2,6
Aplicativos da web offline 6,0 12 1.9.1 sim 2,6
Notificações da web Não Não 22,0 apenas no Chrome 25
Tridente EdgeHTML Gecko WebKit Presto

Funções de mídia

A especificação HTML5 define várias tags que permitem que vídeo e áudio sejam incluídos nativa e semanticamente na marcação HTML.

Atributos do elemento

Os elementos de mídia permitem que alguns atributos sejam definidos diretamente na tag.

Tridente Gecko WebKit Presto
<audio> atributos
src 5.0 1.9.1 525 2,5
preload 2.0 Experimental
autoplay 1.9.1 2,5
loop 11,0
controls 1.9.1
<video> atributos
src 5.0 1.9.1 525 2,5
preload 2.0 Experimental
autoplay 1.9.1 2,5
loop 11,0
controls 1.9.1
poster 1.9.2
width 1.9.1
height
<source> atributos
src 5.0 1.9.1 525 2,5
type
media 15.0
<track> atributos
kind 6,0 24,0 sim Não
label
src
srclang

Atributos DOM

Alguns atributos relacionados a elementos de mídia são expostos no DOM.

Tridente Gecko WebKit Presto
Estado de erro
MediaError 5.0 1.9.1 ? 2,5
Estado da rede
src 5.0 1.9.1 ? 2,5
currentSrc
networkState
preload 2.0 Não
buffered 2.0
load() 1.9.1 2,5
canPlayType() 533
Estado pronto
readyState 5.0 1.9.1 ? 2,5
seeking
Estado de reprodução
currentTime 5.0 1.9.1 ? 2,5
startTime Não
duration 1.9.1
paused
defaultPlaybackRate 20,0 Não
playbackRate
played 15.0
seekable 8,0
ended 1.9.1 2,5
autoplay
loop 11,0
play() 1.9.1
pause()
Controles
controls 5.0 1.9.1 ? 2,5
volume
muted

Eventos DOM

Os elementos de mídia introduzem novos eventos para lidar com condições que se aplicam apenas a esses elementos, como pausar / retomar.

Tridente Gecko WebKit Presto
loadstart 5.0 1.9.1 ? ?
progress
suspend 1.9.2
abort 1.9.1
error
emptied
stalled 8,0
play 1.9.1
pause
loadedmetadata
loadeddata
waiting
playing Não
canplay 1.9.1
canplaythrough
seeking
seeked
timeupdate
ended
ratechange
durationchange
volumechange

Suporte para formato de vídeo

Esta tabela documenta o suporte para codecs de vídeo pelo <video>elemento.

Tridente edgeHTML Gecko WebKit Presto
Ogg Theora Instalação manual 1.9.1 Depende 2,5
H.264 5.0 33,0 Depende (525) Depende
WebM VP8 Instalação manual sim 2.0 Depende (534) 2.6.30

Suporte para formato de áudio

Esta tabela documenta o suporte para codecs de áudio pelo <audio>elemento.

Tridente edgeHTML Gecko WebKit Presto
Ogg Vorbis Instalação manual 1.9.1 Depende 2,5
WAV PCM 525 2.0
MP3 5.0 Não Depende
AAC Não
Speex Instalação manual Não Depende Não
Opus Não sim 15.0 Depende Não

Funções de tela

As tabelas a seguir comparam o suporte para as APIs de desenho do elemento Canvas , um recurso do HTML5 . Essas tabelas comparam o suporte nativo de navegadores da web, sem quaisquer plug - ins , add-ons ou soluções alternativas ECMAScript .

Tridente Gecko WebKit Presto
getContext 5.0 1.8 sim 2.0
toDataURL 1.8 sim 2,1

Contextos suportados

Tridente Gecko WebKit Presto
2d 5.0 1.9.1 Parcial 2,6
WebGL 7,0 Depende Depende 2.9.220

Rendering Context 2D

Tridente Gecko WebKit Presto
O estado da tela
save 5.0 1.8 sim 2.0
restore
Transformações
scale 5.0 1.8 sim 2.0
rotate
translate
transform 2,6
setTransform 2,6
Composição
globalAlpha 5.0 1.8 sim 2.0
globalCompositeOperation
Cores e estilos
strokeStyle 5.0 1.8 sim 2.0
fillStyle
createLinearGradient
createRadialGradient
createPattern
Estilos de linha
lineWidth 5.0 1.8 sim 2.0
lineCap
lineJoin
miterLimit
Sombras
shadowOffsetX 5.0 1.9.1 sim 2,4
shadowOffsetY
shadowBlur
shadowColor
Formas simples
clearRect 5.0 1.8 sim 2.0
fillRect
strokeRect
Formas complexas
beginPath 5.0 1.8 sim 2.0
closePath
moveTo
lineTo
quadraticCurveTo 1.8.1
bezierCurveTo 1.8
arcTo 1.8.1
rect 1.8
arc
fill
stroke
clip
isPointInPath
Gestão de foco
drawFocusRing Não 28,0 Não Não
Texto
font 5.0 1.9.1 sim Não
textAlign 2,6
textBaseline
fillText
strokeText
measureText
Imagens
drawImage 5.0 1.8 sim 2.0
createImageData 1.9.1 2,7
getImageData 1,9 2,6
putImageData 2.0

Veja também

Notas

Referências

Tridente
Gecko
Webkit
Presto