Qual é a diferença fundamental entre o HTML 4 e HTML 5?

Question

Quais são as principais diferenças entre HTML4 e HTML5 projecto ?

Por favor, mantenha as respostas relacionadas com adicionados / elementos html removidos alterado sintaxe e.

Answer 1

HTML5 tem vários objetivos que o diferenciam de HTML4.

A consistência no manuseio de documentos malformados

A principal é consistente, tratamento de erros definido . Como você sabe, HTML propositadamente suportes 'tag sopa', ou a capacidade de escrever código mal formado e tê-lo corrigido em um documento válido. O problema é que as regras para fazer isso não está escrito em qualquer lugar. Quando um novo fornecedor navegador quer entrar no mercado, eles só têm de testar documentos malformados em vários navegadores (especialmente IE) e engenharia reversa seu tratamento de erros. Se não, então muitas páginas não exibirá corretamente (estimativas colocam cerca de 90% das páginas na net como sendo pelo menos um pouco mal formado).

Assim, o HTML5 está tentando descobrir e codificar esse tratamento de erros, de modo que os desenvolvedores de browsers podem padronizar e reduzir significativamente o tempo eo dinheiro necessários para mostrar as coisas de forma consistente. Como assim, por muito tempo no futuro, depois HTML morreu como um formato de documento, os historiadores podem ainda quero ler os nossos documentos, e ter um algoritmo de análise completamente definida vai ajudar muito isso.

melhor aplicação Web Características

O objetivo secundário do HTML5 é desenvolver a capacidade do navegador para ser uma plataforma de aplicação, através de HTML, CSS e Javascript. Muitos elementos foram adicionados diretamente para o idioma que estão atualmente (em HTML4) Flash ou hacks baseados em JS, como <canvas>, <video> e <audio>. coisas úteis, tais como armazenamento local (um js acessível-browser built-in banco de dados de valor-chave, para o armazenamento de informações além do que os cookies podem segurar), novos tipos de entrada, como data para a qual o navegador pode expor interface de usuário fácil (para que não tem que usar a nossa data-catadores), e apoiou-browser calendário validação de formulário js baseada fará desenvolvimento de aplicações web muito mais simples para os desenvolvedores, e torná-los muito mais rápido para os usuários (uma vez que muitas coisas serão suportados nativamente, em vez de cortado na via javascript).

Melhoria Elemento Semântica

Há muitos outros esforços menores que ocorrem em HTML5, como papéis mais bem definidos semânticas para elementos existentes (<strong> e <em> agora realmente significam algo diferente, e até mesmo <b> e <i> têm vagas semântica que deve funcionar bem durante a análise de documentos legados ) e adicionando novos elementos com a semântica úteis - <article>, <section>, <header>, <aside> e <nav> deve substituir a maioria dos <div>s usados ??em uma página da web, tornando suas páginas um pouco mais semântica, mas mais importante, mais fácil de ler . Sem uma verificação mais doloroso ver exatamente o que </div> aleatória é fechar -. Em vez disso você terá uma </header> óbvio, ou </article>, tornando a estrutura do seu documento muito mais intuitivo

Answer 2

A partir Wikipedia :

• Novas regras de análise orientadas para análise flexível e compatibilidade
• Novos elementos - seção, vídeo, progresso, nav, medidor, tempo, de lado, lona
• Novos atributos de entrada - datas e horários, email, url
• Novos atributos - de ping, charset, assíncrona
• atributos globais (que pode ser aplicado para cada elemento) - id, tabindex, repita
• elementos preteridos caiu - Centro, fonte, greve

Answer 3

Você vai querer verificar HTML5 Diferenças de HTML4: W3C Grupo de Trabalho Nota 9 dezembro de 2014 para as diferenças completas. Há muitos novos elementos e atributos do elemento. Alguns elementos foram removidos e outros têm valor semântico diferente do que antes.

Há também APIs definidos, como o uso de tela, para ajudar a construir a próxima geração de aplicações web e certifique-se as implementações são padronizados.

Answer 4

HTML5 introduz uma série de APIs que ajudam na criação de aplicativos da Web. Estes podem ser usados ??em conjunto com os novos elementos introduzidos para aplicações:

• Uma API para reprodução de vídeo e áudio que pode ser usado com o novo vídeo e elementos de áudio.
• Uma API que permite que os aplicativos da Web off-line.
• Uma API que permite que um aplicativo da Web para se registrar para determinados protocolos ou tipos de mídia.
• Uma edição de API em combinação com um novo atributo global contenteditable.
• A drag & drop API em combinação com um atributo draggable.
• Uma API que expõe a história e permite que as páginas para adicionar a ele para evitar quebrar o botão Voltar.

Answer 5

Você pode estar interessado nesta lista de HTML5 elementos e atributos .

Além disso, observe que é "HTML 4", não "HTML4". De fato, para HTML 5, ambas as variantes são usados, mas há uma diferença importante em significado. HTML 5 refere-se ao nome da especificação W3C, ao passo que "HTML5" é o tipo de documento desses arquivos HTML com um text/html tipo de MIME que seguir esta especificação. O mesmo vale para XHTML 5 vs. XHTML5.

Answer 6

Agora W3c fornece uma diferença oficial em seu site:

http://www.w3.org/TR/html5-diff/

Answer 7

HTML 5 convida você dá adicionar um monte de valor semântico ao seu código. Além do mais, não são nativos solução para conteúdo multimídia de incorporação.

O resto é importante, mas é o açúcar mais técnico que vai salvar você de fazer a mesma coisa com uma linguagem de programação cliente.

Answer 8

Em suma, é muito simples em comparação com html, a longo doctype é removido e também tag centro ea fonte é removido. Eu também respondeu a essa diferença no meu blog: http://ravisinghblog.in/key-difference-between-html- e-html-5 /