Pergunta

Estou olhando para o recurso de atributos personalizados do html 5 aqui neste linkhttp://ejohn.org/blog/html-5-data-attributes/

Isso parece a coisa perfeita para quando estou usando jQuery/javascript.

Minha pergunta, o HTML 5 é suportado por todos os navegadores principais?

exemplo

<li class="user" data-name="John Resig" data-city="Boston"
     data-lang="js" data-food="Bacon">
  <b>John says:</b> <span>Hello, how are you?</span>
</li>
Foi útil?

Solução

Várias partes do HTML5 são suportadas pelos diferentes navegadores, para várias definições de 'suportadas'.

Várias peças funcionam agora mesmo, confiável. Os dados-* atributos que você faz em sua pergunta funcionam muito bem em todos os navegadores, mesmo o IE6; No entanto, ninguém ainda suporta o divertido método "conjunto de dados" para acessá -los. Contanto que você esteja bem em agarrá -los pelo nome completo do Att, você é dourado. Eu os uso para armazenar o estado o tempo todo em meus webApps, pois eles são o método oficialmente abençoado para fazê -lo.

A Wikipedia tem um bom resumo dos vários níveis de suporte entre os navegadores: http://en.wikipedia.org/wiki/comparison_of_layout_engines_(html_5)

Outras dicas

Partes do HTML 5 são suportadas pelo Safari, Firefox e Opera, mas não estão necessariamente incorporando as mesmas partes.

Parece que o Firefox está mais à frente, pela minha experiência, mas levará anos até que a maioria dos navegadores que usam os usuários o apoiarão.

Portanto, até então precisaremos continuar tentando usá -lo quando pudermos, em navegadores que suportam os novos recursos e tendo soluções alternativas para usuários que ainda não se atualizam ou continuam a usar o IE.

Use alguns serviços comohttp://caniuse.com/

Por exemplo, para sua pergunta - http://caniuse.com/dataset

Como você pode ver, todos os navegadores modernos suportam

Também você pode usar algo como http://modernizr.com/ no seu código (ele já está incluído em http://html5boilerplate.com/)

PS: Apenas notificado que essa pergunta é muito antiga, mas estava ligada a alguma outra pergunta que verifiquei antes

Não.

A página da Wikipedia "Comparação dos motores de layout (HTML 5)" Faz um bom trabalho de listagem quais motores implementaram quais partes do HTML5.

Atualmente há um muito de caixas vermelhas nessas tabelas, e isso é baseado na versão mais recente de desenvolvimento, não na versão que a maioria dos usuários estará usando.

O apoio total ao HTML 5 está longe, mas ...

Criar atributos personalizados não é novidade e provavelmente funcionará em todos os navegadores principais - mas teste para ter certeza de que funcionará no seu caso.

Podemos usar o HTML 5 agora, apenas não tudo. Muitos HTML 5 são sobre formalizar a maneira como o HTML é usado atualmente e garantindo compatibilidade com versões anteriores - por isso, se um recurso funcionar agora nos navegadores, use -o.

Quase nenhuma tecnologia da web é completamente suportado por qualquer navegador; Sem insetos, peculiaridades ou problemas.

HTML5 foi projetado para compatibilidade com versões anteriores e dificilmente quebrará seu site (leve <input type=url> Por exemplo - os navegadores que não suportam mostram uma caixa de texto comum, o Opera permite selecionar um URL no histórico/marcadores). Eu seguiria a abordagem: desenvolvesse, tente nos navegadores que você precisa apoiar - se funcionar, incrível. Caso contrário, não use. Assim como em outras especificações.

O HTML5 ainda não está perto de ser completamente suportado em nenhum navegador, e alguns navegadores (principalmente os do IE) não têm intenção de apoiá -lo neste momento.

não, ainda não. Espere pelo menos até Gecko e Webkit apoiarem.

PS: Você pode usar o HTML 5 com atributos de dados de qualquer maneira, se precisar para fins JavaScript. Ou escolha outros atributos não utilizados (título, ABBR, ... outros?)

Em 25 de agosto, o HTML 5 ainda é um rascunho de trabalho.http://dev.w3.org/html5/spec/overview.html

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top