WORK SERIES:

HTML5 do Jeito Certo

Conceitos e Compatibilidade
 XHTML e HTML5

XHTML HTML5

Section
Div
Header h2 Content Header Article
Content

Div
BODY H1 footer Article
BODY
content
Footer
Div
Menu
h3 Content
Aside
Nav Article
Semntico Content
Irrelevante
 Tags Semnticas:

Aside: Nav: Section:

Article: Footer: Header: Este elemento
Este elemento indica Este elemento indica
Este elemento Este um elemento representa uma
Este um elemento um seo do uma navegao. Pode
representa um de cabealho. Pode seo genrica de
autocontido. Pode documento com ser utilizado para
rodap para o ser utilizado para contedo do site.
ser um post, um contedo apontar os principais
elemento pai, ou mais logo, navegao, Realizando um
artigo entre outros! relacionado. Pode ser blocos de navegao
prximo a ele. pesquisa e outros. agrupamento
uma sidebar! do site!
temtico.
Complementos:

hggroup

Este elemento representa o cabealho de uma seo. Utilizado para

agrupar elementos de titulo!

time

O Time representa um perodo de 24 horas. Pode ser usado para indicar a

data de publicao!

mark

O Mark representa um trecho de texto em destaque!

 Ns de HTML5

XHTML HTML5

h1 Content
Article
h1 Content

Content

h2
Article
Content h1
Aside Section h1
Content Article h1
Article h1
Article Content
Content

h1
H3
Article h1
widget
Content
Content Content

H3 Content Section h1 Article h1