A evolução é de pai para filho!
Não tem como fugir do bom e velho HTML, na vida de um desenvolvedor web.
Mas como tudo vem tomando uma grande proporção, com mudanças e exigências, é claro que a linguagem mais popular da web não poderia ficar de fora.
Com o intuito de preparar os sites para satisfazer uma nova exigência de clientes e acompanhar as mais modernas linguagens de programação, foi criado o HTML 5.
Com ele veio forte o conceito de separação. Separar apresentação de marcação.
Muitos não sabem, ou não querem saber, que HTML foi feito para marcar e definir a estrutura de suas páginas. Toda e qualquer formatação deve ser deixada para o CSS.
Com HTML 5 isso vai ficar bem mais explicito. Vamos a um exemplo básico:
Quando vamos definir uma estrutura de pagina com cabeçalho, conteúdo e rodapé, tínhamos um codigo na maioria das vezes assim:
XHTML:
<body>
<div id="cabecalho">
Cabeçalho
</div>
<div id="conteudo">
Conteudo
</div>
<div id="rodape">
Rodapé
</div>
</body>
Só que com HTML 5 podemos fazer da seguinte forma:
HTML 5:
<body>
<header>
Cabeçalho
</header>
<article>
<section>
Conteudo
</section>
</article>
<footer>
Rodapé
</footer>
</body>
A diferença ficou por conta das marcações, definições do que é o que.
Isso vai facilitar muito mais para construção de documentos semanticamente corretos, contribuindo cada vez mais para uma internet sem fronteiras.
Vamos a explicação de alguns elementos:
header: Define o cabeçalho da pagina (visivelmente falando)
article: Define a área da pagina em que vai conter textos, formulários, imagens e vai por ai.
section: Define as seções da pagina.
footer: Define o rodapé.
Para se adequar a essa nova forma de pensar não vai ser complicado para quem trabalha visando escrever códigos semânticos e de acordo com os padrões web.
Os melhores navegadores já dão suporte ao HTML 5, exceto o Internet Explorer. Nem na versão 8 ele da suporte.
Mas fique tranquilo, não é o fim do mundo! Existe um remendo feito em Java Script que faz o IE interpretar os comandos da HTML 5.
Então ai fica a dica.
Faça alguns testes, se prepare para essa nova fase que a web esta passando!
Nenhum comentário:
Postar um comentário