A maioria dos navegadores modernos (Firefox 3 +, Safari 3 +, Opera 9 +, Chrome 1 +) ainda não reconhecem por completo os elementos de seção, o que significa problemas. Para resolver um destes problemas, podemos usar a declaração display: bloack para que eles sejam exibidos corretamente:
Possivelmente, uma das dicas mais óbvias, mas vale a pena mencionar. O elemento <article> é um recipiente que por sua vez pode conter muitas partes. Por exemplo, em uma mensagem de blog dentro de um <article> você pode ter outro <article> de comentário.
O novo Doctype do HTML5 é muito mais simples - e memorável - que Doctypes do XHTML. Este novo Doctype irá processar o conteúdo e normas do HTML 5. Mas a boa notícia que os Doctype's do XHTML não serão inválidos para o HTML 5. Mas não custa nada usar o Doctype do HTML 5:
Veja exemplo de um <section> HTML 5:
Veja um exemplo do uso dos novos elementos do HTML 5: <section> <article> <header>
Especificação oficial do HTML 5: http://dev.w3.org/html5/spec/Overview.html Versão do Youtube em HTML 5: http://www.youtube.com/html5 Galeria de sites em HTML 5, bastante interessante: http://html5gallery.com/ É isso aí!
Infelizmente nenhum dos maiores navegadores atuais suportam TODAS as novas tags inseridas no HTML5, como: article; section, header, hgroup, etc. ( Mas não demorará muito para suportarem ... ). Então é necessário simular estas tags com a ajuda de hacks em CSS e JavaScript. Basicamente para estas tags, a única coisa que você precisa fazer é setá-las como display:block.
A Semântica sempre é um dos pontos mais importantes do desenvolvimento com Padrões Web. Algumas iniciativas com o Microformats vieram na tentativa de trazer mais semântica ainda para nossos códigos, com o intuito de que novas aplicações e oportunidades pudessem utilizar melhor a informação distribuída na web. Acontece que o resto do HTML não foi há bastante tempo modificado. Por exemplo, como você consegue distinguir de forma automática as informações do "header" (cabeçalho) dos sites? Não consegue. Você não consegue, por exemplo, de maneira automatizada, identificar o que é um rodapé ou a parte do layout que está exibindo um artigo.
Neste artigo veremos as novidades que o HTML 5 traz. Para quem está se familiarizando agora com o HTML, sem preocupações: os elementos tradicionais continuam os mesmos, já que o HTML 5 foi desenvolvido pensando também em todos os usuários que não utilizam os navegadores mais recentes do mercado.
Desde que a versão 4 do HTML foi publicada, em 1997, a web passou por diversas transformações. Em geral, elas visavam a categorização e organização de toda informação disponível online. Tivemos o XHTML, os web standards, a metodologia tableless para o desenvolvimento de websites, conceitos sobre web semântica, microformats etc. E, após 10 anos sem sofrer atualizações, o HTML chega à versão 5, com a proposta de atribuir um sentido semântico aos documentos web e facilitar o controle dos usuários sobre certos elementos, como formulários e conteúdo multimídia.
