Estrutura HTML 5

A estrutura e a semântica do
HTML5

Se você quer se aventurar com o HTML5, entenda aqui a sua estrutura básica, a semântica das principais novas marcações e algumas ferramentas.
Publicado por Edu Agni em 7 de março de 2013

<

Curtir

32

Share

4

17

>

Avalie (5 Votos)
Sempre gosto de salientar para as pessoas que a maior evolução do HTML5 foi na sua semântica. A maior parte dos profissionais que vêm trabalhando com HTML estão muito preocupados com aquelas animações pirotécnicas (que dependem muito mais de javascript do que do HTML), e sequer entendem o significado das marcações.
Bem, não caia nessa! Primeiro, as primeiras coisas… se você está querendo se aventurar pelo mundo encantado do HTML5, preste atenção: vou explicar aqui o que mudou na estrutura básica, falar sobre a semântica das principais novas marcações, e dar umas dicas de ferramentas para você trabalhar ;)

Estrutura básica, Doctype e Metadados
Olhando para a estrutura básica de código do HTML5, você vai perceber que ela se mantem praticamente idêntica à versão anterior, com excessão do Doctype e

da Metatag Charset.

!OTP tl

hm ag"tb"

mt hre=uf8/ ned aetuuaesmniad HM5/il> tteEtno srtr eâtc o TL tteEtno srtr eâtc o TL/1
< i=st-ecito"Dsutv Invto &m;Srtgc p d"iedsrpin>irpie noain ap taei
PoutDsg
a rf"tp/dsryfeuecm"/i a rf"tp/dsryfeuecmaot aet>BU AET/>/i gn"AOT GNo isos/>/i a rf"tp/dsryfeuecmtewyoteaet>H AETWY/>/i h-gn"TE GN A/i rf"tp/dsryfeuecmsrie"SRIEh gns/>/i a he=ht:/etoatrs.o/aeoypes>rs/i a he=ht:/etoatrs.o/os>OS/>/i rf"tp/dsryfeuecmjb"JBa rf"ncohm"Iíi/i l>a rf"umsmshm"Qe oo/i l>a rf"evcshm"Srioottsa>pl/>/i sa>tr/>/i sa>a/>/i sa>Pd/pna rf"b/pd"/i sa>Poe/pna rf"b/poe"/i sa>Pd/pna rf"b/pd"/i sa>Tns/pna rf"b/tns"/i sa>uot/>/i /l

fr ehd"e" cin"tp/wwapecmb/erh"

igsc"i/m/ooedpg //i>

O conteúdo central com o elemento
O elemento serve para identificar um conteúdo independente e de maior
relevância