Dependendo de para quem você perguntar, o HTML 5 é o próximo grande passo para a criação de uma web mais semântica ou é um desastre que atola a web com uma miscelânea de tags e tags incompletas.
O problema em ambos os lados do debate é que muito poucos sites utilizam HTML 5 num ambiente natural, pelo que as soluções teóricas para os problemas agora reconhecidos permanecem em grande parte não testadas.
Mesmo assim, não é difícil ver os benefícios e as potenciais armadilhas das ferramentas de marcação de rede da próxima geração.
contente
Como o HTML 5 é diferente?
Primeiro, o que expressamos através do HTML 5? Em primeiro lugar, o que queremos dizer com HTML 5? Em teoria, expressamos tudo - novas tags de estrutura semântica, como canvas ou especificações de API de armazenamento offline, e novas tags semânticas in-line. No entanto, limitamos as razões práticas (PS: problemas de suporte do navegador) apenas para estruturar tags. APIs de tela, armazenamento offline, vídeo local ou geolocalização são ótimas, mas ainda não são suportadas uniformemente por todos os navegadores.
“Mas espere”, você diz, “a maioria dos navegadores também não suporta os novos elementos estruturais!” É verdade, mas a grande maioria deles aceitará com prazer qualquer tag que você queira criar. Até o IE6 pode lidar com novas guias, mas se você quiser estilizá-lo com CSS, precisará de uma ajudinha do JavaScript.
Uma coisa que você precisa lembrar ao estilizar novas guias é que guias desconhecidas não possuem estilos padrão na maioria dos navegadores. Eles também são considerados elementos de nível de linha. Ainda assim, como a maioria das novas tags do HTML 5 podem ser construídas, daremos a elas o comportamento de elementos em nível de bloco. A solução é incluir display:block em seu estilo CSS.
Para ajudar a entender algumas das novidades do HTML 5 hoje, vamos direto ao assunto e começar a usar alguns novos elementos estruturais.
Finalmente, um tipo de documento que qualquer pessoa possa lembrar
A primeira coisa que precisamos fazer para criar um documento HTML 5 é usar o novo tipo de documento. Agora, se você se lembra claramente dos tipos de documentos HTML 4 ou XHTML 1.x, você é um cara mais travesso do que nós. Sempre que criamos uma nova página, temos que abrir um arquivo antigo, recortar e colar a definição do tipo de documento.