Olá amigos
Hoje vou falar sobre um assunto que esta em alta nos últimos tempos, o tal do HTML5, vou procurar de tempo em tempo trazer algumas coisas sobre essa nova versão do HTML que esta prometendo ser de grande ajuda nos mais variados seguimentos, desde melhoras em processamento a acessibilidade e animações e efeitos integrados com CSS3.
Dentre as principais novidades do HTML5, estão seus novos elementos, que segundo suas especificações há um número significativo de novos elementos, e é sobre um deles que vou tratar neste post.
Vamos começar a falar sobre o elemento
Então mãos a obra.
Basicamente esse elemento veio para substituir a famosa:
1 | <div id=”header”> |
Que hoje é utilizada na maioria dos sites da web, enfim, com o HTML5 essa tag não será mais utilizada, passando agora a ser utilizado o elemento
De acordo com suas especificações, o elemento
“Um elemento
é normalmente destinada a conter a seção do título (um elemento h1- h6 ou o elemento
), mas isso não é necessário. O elemento
também pode ser usado para abrigar outros conteúdos como sumário, formulários de pesquisa ou qualquer logos relevantes.”
Vou mostrar alguns exemplos de sua utilização:
Esta é uma aplicação bem simples do elemento Vale lembrar que o elemento Outra dica importante é que o elemento Observe que neste exemplo foi utilizado duas tags Por tanto podemos ter múltiplos cabeçalhos dentro de uma página. Vou passar para vocês o que pode e deve conter dentro do elemento para torná-lo válido. O elemento Estilo para utilização Até a data que escrevo este post, alguns browsers como o IE8 não dão suporte a linguagem HTML5, por tanto para você utilizar esse elemento em sua página, você precisará especificar em seu CSS a seguinte linha: Brevemente isso não será mais necessário, haja visto que os novos browsers que estão vindo por ai prometem dar um suporte bem maior ao HTML5. É isso aí, espero que tenham gostado, mais p/ frente vou postar mais sobre HTML5 aqui no blog, fiquem ligados. Referencias: Nenhum post relacionado.
1
2
3
4
<header>
<p> Bem-vindo ao ... </p>
<h1> Lcardoso.com! </h1>
</header>
1
2
3
4
5
6
7
8
9
<header>
<h1>The most important heading on this page</h1>
</header>
<article>
<header>
<h1>Title of this article</h1>
</header>
<p>...Lorem Ipsum dolor set amet...</p>
</article>
<h1>, isso é perfeitamente aceitável em HTML5 (HTML e 4), porém vai dar pau na acessibilidade, muito cuidado quando for utilizar mais de um <h1> em sua aplicação. 
<h1>-<h6>, você também pode incluir o elemento
, que mais p/ frente vou falar dele também, pode conter também fluxo de documento, tais como tabelas de conteúdos, logos ou formulários de busca. Seguindo uma recente modificação nas especificações, você pode usar também o elemento <nav>.1
header { display:block;}
HTML5 Doctor
W3C
