Artigo Introdução de wulin.com (www.vevb.com): Os requisitos de consistência para documentos HTML5 devem ser formulados e até novos elementos, atributos, APIs e modelos de conteúdo devem ser usados. Dessa forma, o conteúdo da Web pode ser rebaixado elegantemente em agentes de usuários mais antigos ou menos capazes. Vamos usar o formulário HTML5 para ilustrar. Os novos tipos adicionados à entrada incluem número, pesquisa, intervalo, email, data, URL etc. Esses novos tipos valores estão em navegadores que não o suportam.
NOTA: Os exemplos deste artigo devem ser mostrados no código, mas como o doctype que estamos usando agora é xhtml1.0, o navegador não pode ler o código HTML5 e o pré
Leia o código, para que ele só possa ser explicado em palavras.
Evite complexidade desnecessária
As soluções concisas são sempre mais populares que as complexas, se possível.
O tipo de documento de HTML 4.01 está definido como este (suportes de ângulo omiti por causa da análise do navegador):
!
O doctype do XHTML 1.0 é:
!
No HTML 5, se a complexidade desnecessária for eliminada, o doctype é simplificado para:! Doctype html
Apoie o conteúdo existente
O conteúdo existente depende do processamento e do comportamento esperados do agente do usuário para alcançar a funcionalidade esperada.
Suportar o conteúdo existente significa 100% de suporte ao conteúdo existente.
Resolva problemas reais
O problema enfrentado pelo conteúdo da página da web não é adequado para a solução real que não pode atender às necessidades existentes.
Por exemplo, suponha que eu use HTML 4 ou XHTML 1, correspondendo a um conteúdo inteiro, como uma lista de produtos, incluindo imagem do produto, título do produto, introdução do produto, etc. Quero adicionar três links idênticos a esses três elementos, respectivamente. No entanto, no HTML5, você pode usar uma tag para incluir esses três blocos. Ou seja, a tag A contém elementos de nível de bloco. Isso resolve o problema real.
Buscando a verdade e sendo pragmático
Os novos elementos semânticos no HTML5 são reflexões que seguem o princípio de busca de verdade e pragmático.
Se você olhar para a página da web agora, provavelmente haverá alguns códigos como este: id = iD do cabeçalho = ID da navegação = ID principal = ID da barra lateral = rodapé No entanto, no HTML5, as tags recém -adicionadas podem substituir o DIV correspondente, como cabeçalho, NAV, à parte, rodapé. Não pense que essas são substituições de ID. Não, as novas tags são realmente substituições da classe, porque essas tags podem ser reutilizadas na página.
Degradação estável
Os requisitos de consistência para documentos HTML5 devem ser formulados e até novos elementos, atributos, APIs e modelos de conteúdo devem ser utilizados. Dessa forma, o conteúdo da Web pode ser rebaixado elegantemente em agentes de usuários mais antigos ou menos capazes.
Vamos usar os formulários HTML5 para ilustrar. Os novos tipos adicionados à entrada incluem número, pesquisa, intervalo, email, data, URL etc. Esses novos valores de tipo serão interpretados como texto em navegadores que não o suportam. Portanto, você pode usar formas HTML5 com ousadia, que podem ser rebaixadas elegantemente.
Prioridade do usuário final
Uma vez que o conflito é encontrado, o usuário final é preferido, seguido pelo autor, pelo implementador, pelo setter padrão e, finalmente, pela perfeição teórica.
PDF: Design de HTML5