Quando se começa um documento HTML, a primeira coisa com a qual nos deparamos é a declaração DOCTYPE.
Analise a que usamos nos documentos atuais:
Na versão 5, basta apenas colocar:
e já está feita a sua declaração DOCTYPE. Legal, não? 😉
Em geral, o inicio de um documento HTML 5 ficou muito simplificado, facilitando a nossa vida e não precisando decorar tudo aquilo que as versões anteriores pedem.
Exemplo:
Que diferença em relação as versões anteriores.
Uma outra modificação em relação a versão anterior (HTML 4), é a introdução de tags semânticas, na verdade se você já está acostumado a colocar semântica em seu código, utilizar as tags atribuindo nomes referentes ao conteúdo, você irá se adaptar facilmente ao HTML 5.
Vejamos uma pequena estrutura convencional:
Se você já está acostumado a criar uma estrutura mais ou menos assim, separando por seções utilizando DIV’s, o HTML 5 introduziu novas tags. Então vamos lá.
Veja o código HTML feito na versão 5, e logo abaixo confira a explicação e função de cada uma TAG.
Logomarca
Titulo
Subtitulo
Texto do conteúdo – Texto do conteúdo
Titulo 2
Texto do conteúdo – Texto do conteúdo
Titulo 3
Análise:
Para separarmos por seções agora, foi criada a tag
Este é um exemplo bem simples de um código feito em HTML 5, como vocês podem ver não é um bicho de sete cabeças, não é mesmo?
Claro que foram feitas mais funções nessa nova versão, como o campo input type=”email”, para formulários que passem o email e muitas outras funções que aos poucos eu estarei ensinando pra vocês.
Vale ressaltar que somente as versões mais atuais dos navegadores possuem suporte a essa versão, muitos já me perguntaram se ja é viável começar a trabalhar com o HTML 5, isso vai variar muito por enquanto, vai depender do seguimento do site. Se for para clientes, visto que muitos ainda usam o IE 6 (Aff, infelizmente) por ser prejudicial e posteriormente você terá problemas com a visualização do site. Mais, nada impede de você utilizar um pouquinho do HTML 5 em sua página pessoal.
