Busca

Boas práticas de Desenvolvimento com Padrões Web

HTML 5 – Mudanças na estrutura e semântica

Todos os dias sites e mais sites são publicados na internet e nenhum deles com um padrão de nomenclatura de classes e ids.

16/02/2009 por Diego Eis
59 Comentários

A Semântica sempre um dos pontos mais importantes do desenvolvimento com Padrões Web. Algumas iniciativas com o Microformats vieram na tentativa de trazer mais semântica ainda para nossos códigos, com o intuito de novas aplicações e oportunidades pudessem utilizar melhor a informação distribuída na web. Acontece que o resto do HTML não foi a bastante tempo modificado. Por exemplo, como você consegue distinguir de forma automática as informações do “header” (cabeçalho) dos sites? Não consegue. Você não consegue por exemplo, de maneira automatizada, identificar o que é um rodapé ou a parte do layout que está exibindo um artigo, por exemplo.

Todos os dias sites e mais sites são publicados na internet e nenhum deles com um padrão de nomenclatura de classes e ids que possamos utilizar para extrair informação de maneira inteligente. O HTML 4.01 é a versão atual da linguagem básica da Web, e não é atualizado a alguns anos. Esses detalhes de semântica não podem ser supridos para sempre por tecnologias como o Microformats. A versão 5 do HTML tende a suprimir essas necessidades e também atualizar pontos antigos do HTML 4, por exemplo, formulários.

Como disse no começo deste post, a estrutura de um site não é óbvia para as máquinas. Não existe nenhum padrão de construção dos elementos para indicar o que é o cabeçalho e o que é o rodapé, por exemplo. No HTML 5, iremos utilizar um padrão de tags que nos ajudará a marcar estas estruturas. Uma estrutura conhecida é mais ou menos assim:

1
2
3
4
5
6
7
8

<body>
  <div id="header">...</div>
   <div id="menu">...</div>
   <div class="post">...</div>
   <div id="sidebar">...</div>
   <div id="rodape">...</div>
  </div> 
</body>

Na estrutura acima, utilizei alguns nomes de classes e ids que costumamos utilizar no dia-a-dia. eu mesmo não utilizo a classe POST, uso mais CONTENT ou algo parecido. A estrutura do HTML acabará com isso. A idéia é substituir esse amontoado de DIVS por elementos que se encarreguem dessas funções, um exemplo da estrutura serial esse:

1
2
3
4
5
6
7
8
9
10
11

<body>
  <header>...</header>
  <nav>...</nav>
  <article>
    <section>
      ...
    </section>
  </article>
  <aside>...</aside>
  <footer>...</footer>
</body>

Entenda que agora, qualquer elemento pode ter seu conteúdo separado por seções com o elemento section. Note também que os elementos podem ter também um header e um footer independentes do resto do layout. Como na imagem.

Exemplo Elemento HEADER

Uma dúvida comum entre os desenvolvedores é como fazer a estruturação e distribuição das tags de títulos (h1 até h6). Por exemplo, se eu utilizei já a tag H1 no logo do site, poderei utilizar para o título do artigo? Se repetirmos muitas vezes as mesmas tags de títulos, a importância que cada título tem sobre o outro se perderá. O Google poderá indexar de forma diferente e etc.
No HTML 5 esse problema ser resolverá, porque cada section que você inicia, você poderá começar novamente uma nova ordem de títulos. Por exemplo:

1
2
3
4
5
6
7
8
9
10
11

<header>
  <h1>Logo</h1>
</header>
<article>
  <section>
    <h1>Título do artigo</h1>
    <p>texto</p>
    <h2>Subtitulo</h2>
    <p>Mais texto</p>
  </section>
</article>

Dessa forma você conseguirá definir exatamente qual a importância de cada título e os leitores de tela, sistemas de busca e outras aplicações conseguirão fazer uma separação mais eficaz dos elementos textuais.

Entenda que os divs não irão deixar de existir. Você os usará em casos muito específicos, por exemplo, para fazer caixas de destaque, por exemplo:

1
2
3
4
5
6
7
8
9
10

  <section>
    <div class="destaque">
       <h1>Destaque 1</h1>
       <p>Texto</p>
    </div>
    <div class="destaque">
       <h1>Destaque 1</h1>
       <p>Texto</p>
    </div>
  </section>

Para saber mais sobre isso, leia: The Elements Of HTML 5.
Irei escrever outros artigos sobre a inserção de vídeo e audio no código e uma série de outros assuntos interessantes sobre HTML 5. E o que você acha disso tudo? Deixe seu comentário!

59 Comentários
Leia também:

Sua opinião:

Vamos elevar o nível de discussão. Exponha sua opinião, sua crítica.



RSS dos comentários deste post
URL para Trackback

59 Comentários

Fred Figo 16/02/2009 às 23:48

Olá Diego, boa noite.
E como serão posicionados os elementos “header”, “section”, “aside” e por ai vai.
Abs,

Fred Figo 16/02/2009 às 23:49

O post acima foi uma pergunta e não uma afirmação! :)
Abs,!

gustavo 17/02/2009 às 02:45

Muito bom esses esquma do html 5
não vejo a hora que ele entrar na ativa… vai facilitar muito! mas muuuuuuuuuito mesmo!

Leonardo 17/02/2009 às 09:59

Nossa sensacional esse artigo!
Estamos conversando sobre isso ontem mesmo, sobre a nomenclatura e tals.
Ainda não tínhamos começado com esse trabalho de nomenclatura, mas com esse ponta-pé inicial fica mais fácil.
Parabéns.

Diego Felix 17/02/2009 às 10:19

Muito interessante.

Com o html mais semântico, consequentemente o css tambem será, além do fato de não precisarmos criar tantas classes e Id’s.

Valeu Diego.

Matheus 17/02/2009 às 10:28

Muito bom o post!! Realmente prezar pela Web Semântica é algo indiscutível e inadiável, então as tecnologias devem evoluir afim de oferecer melhores e mais eficientes maneiras de tornar a Web um “lugar” mais organizado sem perder suas características inerentes!

Parabés pelo post

Frank 17/02/2009 às 12:42

Ótimo post! Diego, sempre trazendo as novidades relacionadas a web, com boas explicações, parabens continue sempre assim :)

Thomaz Cia 17/02/2009 às 12:58

Muito bom, acredito que melhor organizar na estruturação, será a indexaão nos buscadores, com ctz irá facilitar só dependerá que os navegadores não entrem em conflito como ocorre hoje.
Parabéns pelo post, acredito que todos aguardam novas informações.
abraços;

TIGOS 17/02/2009 às 13:00

E ai Diego, tudo bom?!

Cara, só não ficou claro uma coisa: quando usar um e quando usar outro, ou esse novo padrão vem a ser um tipo de padrão XML?

Rodrigo Gnoatto Amaral 17/02/2009 às 13:01

O que me incomoda é a compatibilidade com browsers antigos. Continuaremos com a Síndrome do IE6, mas talvez englobando mais browsers.

Marcio B D A 17/02/2009 às 13:09

Muito legal o post. Ontem mesmo estava pensando que deveria começar a padronizar o modo como nomeio as divs. Mas sobre o html 5, não sei se fico triste ou feliz. Ele deveria ter sido implementado a um bom tempo… mas a última previsão que eu ví era apenas em 2012. E tem gente que acha que não sai antes de 2020.

Júlio Cavalcanti 17/02/2009 às 13:10

Muito bom o artigo! Faz tempo que eu espero por esse dia! E tb poder utilizar as facilidades do CSS 3 sem problemas. Quando poderemos começar a implementar nossos sites com o HTML 5? Vc sabe dizer? Valeu cara!
Abraço.

Danilo Riedel 17/02/2009 às 14:07

Qual a possibilidade disso funcionar no ie6?

Diego Eis 17/02/2009 às 15:02

Possibilidade nenhuma! :D
O IE6 não existirá quando o HTML5 for lançado de vez. Tomara.

Diego Eis 17/02/2009 às 15:03

Não entendi Tigo, como assim quando usar e outro? Você sempre usará esses novos objetos. Eles funcionarão como DIVS, receberão classes e ids normalmente. Mesmo porque você deverá diferenciar os headers, footers, asides e tudo mais.

Chris Benseler 17/02/2009 às 20:26

Quando vejo isso, me vem mais à cabeça o (x)html do que uma nova versão do html…

[]s!

Rodrigo 18/02/2009 às 09:56

Existe projeto para lançamento de XHTML com essas novas tags?

Alex Leandro Medeiros 18/02/2009 às 10:30

Eu acredito que isso irá realmente resolver o problema de semântica. Lembro-me de ter lido um artigo uma vez falando sobre microformats que afirmava que microformats se dava utilizando o atributo class para informar que determinada informação era um e-mail, telefone ou nome de uma pessoa. Ora, não são as tag utilizadas que regem a semântica do conteúdo?
Não existe atualmente a preocupação de utilizar tabelas apenas para dados tabulares. O correto seria ter tag para tambem representar esse tipo de informação. Em meu trabalho sempre discutimos muito essa questão de semântica. Sempre pensamos na Microestrutura e Macroestrutura. Saber que no HTML5 está pensando na semântica da Macroestrutura me alegra muito. Finalmente vou parar de utilizar id nas div. Ao conversar com minha equipe sempre achei fascinante abrir um html e apenas olhando para o código saber exatamente o que cada trecho de código faz, mas agora isso vai melhorar muito pois não vamos precisar ficar procurando div e id e sim as tags e (respeitando o caractere minúsculo claro aehaehahehae)

E isso ae, um dia quero poder participar dos grupos da w3c para dar meus pitacos.

André 18/02/2009 às 10:32

Tá tudo muito interessante, o html5 veio para trazer mais semântica organizar a web, coisa que o microformats tentou fazer através de remendos.

Mas alguem me explica o HTML 5 e o XHTML são iniciativas paralelas? e em algum momento irão entrar em conflito?

Não seria melhor para a comunidade de desenvolvedores comemorar o falecimento do HTML e festejar a unificação das idéias, implementando essa estrutura semântica no XHTML ?

Eu to falando bobeira? Caso sim, desculpe existir, mas alguem me explica. : )

Diego Eis 18/02/2009 às 11:04

XHTML é uma história que os caras começaram e para finalizar vai ser difícil. É uma idéia sonhadora que eles tiveram. A idéia é genial, mas agora, nesse exato momento, o HTML é a saída mais inteligente.

Alexandre 19/02/2009 às 00:07

Na verdade, é possível usar alguns elementos do HTML 5 nos IEs 6 e 7. O Engine do IE funciona pré-carregando propriedades dos elementos para depois renderizá-los. Cada parágrafo, lista, h1 ou qualquer outra tag é um elemento criado nessa engine.

Se montarmos um documento cru de HTML5 e aplicarmos um estilo CSS nele, não funcionará, porque o objeto não está pré-carregado. Existe um workaround, que é dizer pro IE montar essa estrutura antes… um simples document.createElement(‘section’) por exemplo, daria cabo disso e permitiria a aplicação de CSS… já coisas como as extensões de script e outras tecnologias que vão além de meras tags estruturais com certeza terão mais problemas.

Outra coisa interessante, que é o doctype do HTML5, também funciona no IE6 e IE7, renderizando a página em Standards Mode. Foi extremamente bem pensado =)

Jorge Epuñan 19/02/2009 às 16:20

Ambas ideias, HTML5 e XHTML 2 sao excelentes mais pessoalmente acho q o HTML5 ainda deixa muito para noçao de cada developer. Se um menu deveria usar <menu> ou outra etiqueta… eh uma desiçao a criterio de cada um e nao existiria um concenso; o mesmo q acontece agora se usar ID ou CLASS e qual o nome de cada uma; se uso cite ou blockquote, em, strong, p…. enfim nao muita gente as usa e ainda nao existe muita uniformuidade em quanto ao uso semantico das equitetas, menos ainda no HTML5. Acho q XHTML2 por ser strict nao da passo a erros ja q ao ser XML se ha uma etiqueta sem fechar definitivamente nao renderiza o HTML, e pronto. exigiria mas habilidade de programaçao e isso levaria a mais aperfeiçoamento e valorizaçao do nosso codigo e portanto, trabalho.

Agraços!

tigo di 23/02/2009 às 07:17

O assunto não é novo e mais uma vez me faz lembrar do já antigo post do Bruno sobre o uso do HTML e do XHTML: http://brunotorres.net/xhtml-pensando-no-futuro

Independente do rumo das coisas, algo que não pode acontecer é o desenvolvedor ignorar uma das duas linguagens e focar os seus estudos em somente uma delas.

É preciso ter certo domínio sobre ambas ( e outras ) linguagens de marcação e suas especificações.

Daqui um tempo talvez haja no mercado um tipo de desenvolvedor que irá ignorar o estudo do XHTML e nem saberá o que é XHTML-MP.

Ooo Diego, caso tenha se confundido, o “Tigo” ali de cima é outro tigo ;]

Abraço/t+

Flávio Araújo 23/02/2009 às 21:09

Só precisamos agora dos navegadores entendendo o HTML 5, os usuários atualizarem os navegadores e o mais importante de todos, os desenvolvedores conhecerem de fato como funciona o HTML.

Saulo Barbosa Oliveira 25/02/2009 às 17:12

Pois é Flávio, mas acho que essa mudança não será fácil, pois o HTML5 será semanticamente incompatível com o HTML4! Não consigo enxergar uma mudança gradativa…
Será que chegaremos ao ponto de exigir do usuário uma atualização de browsers?!

Mark de Souza Costa 27/02/2009 às 00:16

O HTML 5 vai ser muito bom mesmo…. daqui a uns 15 anos.

Isaias Alexandre 02/03/2009 às 19:11

Quero ver como os engines atuais irão se comportar ao tentarem interpretar estas novas tags, digo isso para dispositivos móveis principalmente, também não dá para esquecer os browsers. Atualmente somos obrigados a salvar nossos XHTML com extensão .html por conta do IE 6.

Como disseram isso vai funcionar bem daqui a alguns anos.

Simão Neto 03/03/2009 às 09:29

Ola…

Com essa estrutura que o HTML5 tras sera muito melhor de se trabalha e não teremos de criar tantas id’s e class pelo menos no corpo em si do site, sera estipulado um padrão de como devemos escrever o html e com isso vai melhorar ainda mais o uso do css.

valeu….

Raphael Martins 04/03/2009 às 19:25

Tá certo que o HTML5, CSS3 são evoluções da WEB, web XXX.0 (sabe-se lá em que Web estamos vivendo hoje).

Mas ficam algumas perguntas:
- Do ponto Comercial: Oq que meu Cliente tem haver com isso!? como posso agregar isso para conseguir uma venda?
- Do ponto de Vista Estrutural / Usual (usabilidade): Quanto tempo levará para todos os browsers se atualizarem e ‘entederem’ essa ‘EVOLUÇÃO’ tendo em vista q o IEca 6 é o atual dos browsers e nao entente nem XHTML 1.0 direito e CSS 1;
Os leitores de tela (os que cegos e afins usam) deve ser mais fácil, pois não teem mts softwares no mercado e só mandar um pack com a atualização.

Eu como programador / desenvolvedor (web-master) lógico que vou me adaptar à essas novas técnicas, mas sinceramente, vou tratar de me atualizar e aprender o FLEX, pois tudo indica que o mais seguro e ‘vísivel’ para todos no futuro vai ser sites em Flash / Flex / AIR.

Estou um tanto que indignado! acho que deveriam ir por partes! primeiro fazer que os browsers sejam todos iguais na renderização, depois partiremos para a evolução!

Thiago Cavalcanti 05/03/2009 às 23:42

Olá Diego! Excelente artigo! Só tem um errinho besta: no primeiro bloco de código, logo depois de “Uma estrutura conhecida é mais ou menos assim:”, se você contar as tags div de abertura e fechamento, vai ver que tem uma sobrando(fechamento), na sétima linha. Nada que comprometa o artigo, mas achei bom avisar. Até a próxima!

As novas tags do HTML5 » Luiz Paulo - tecnologia web 06/03/2009 às 22:44

[...] HTML 5 – Mudanças na estrutura e semântica [...]

Marcos araujo 08/03/2009 às 22:01

Isso pode ser uma jogada para promover os novos navegadores como
ie 8 ou algo similar!

não vejo por que mudar isso não trara reais vantagens aos desenvolvedores.

vou preferir usar o bom e velho

ate porque se for tratar uma dessas div com js acho que ficaria muito mais facil atraves da sua class ou id !!!

leonardo 08/03/2009 às 22:15

muito boa essa materia ótimo aviso

Édipo 09/03/2009 às 17:24

Realmente, sempre procurei muito uma forma que pudesse descrever os dados de uma forma padronizada, cheguei em microformatos, consegui um otimo resultado com eles, conseguindo site links no google em menos de 15 dias, mais ainda sim, não é algo satisfatoria, parece mais uma imenda do que uma solução, estava querendo estudar um pouco de rdfs, que embbora não se use hoje, pode ser o meu ganha pão de amanhã. resumindo, tomara que esse html 5 resolva um pouco desse problema de como descrever os dados em uma pagina web de forma legivel a todos, deficientes, maquinas, etc.

Cleber 13/03/2009 às 09:56

Bom ao meu ver isso caira como uma luva para sites porém para quem utiliza o html para programação de grande escala o bom e velho html ainda vai viver nesse mundo com as baratas

Mudanças 14/03/2009 às 00:51

Muito legal o post.

Peter

IE6 ainda é um mal necessário | CarlosSoler.net 17/04/2009 às 10:04

[...] ainda estamos longe do mundo perfeito, o Tableless começou a usar HTML5 em seu site para fazer alguns testes, mas é um caso isolado, já que o público do site é bem [...]

Elementos e Atributos removidos no HTML5 » Luiz Paulo - tecnologia web 17/04/2009 às 11:48

[...] HTML 5 – Mudanças na estrutura e semântica [...]

Como melhorar o posicionamento de um site em buscadores? « Groupweb 11/05/2009 às 15:51

[...] retornem ao seu site para buscar informações, conquistando assim visitas frequentes. Produzir uma estrutura semântica, segundo os padrões estabelecidos pelo W3c, faz com que os buscadores, como o Google por exemplo, [...]

Gustavo Henrique 18/06/2009 às 12:53

Opa, gostei muito do post, achei interessante, é importante sabermos e acompanhar-mos algumas mudanças, eu particularmente me interesso muito por avanços em programação.
É bom tb saber que vc usa o #WordPress rsrs
Abraços, voltarei para ver os outros posts, sobre o assunto.
Gustavo Henrique

Marcio Figueiredo Mesquita 17/07/2009 às 10:57

Pra ser sincero gostei dessa estrutura definindo melhor as regiões do layout. Bem melhor que id ou class que acho muito mais difcil de entender. Mais sincero ainda, fico triste um pouco com o fim do frameset. O frameset realmente prende a estrutura do site, mas exclusivamente pensando como designer atuando em Flash, não há nada melhor que o frameset. Só precisa definir um e carregar um menu.swf. Aí vc faz o que quiser com o Flash. Fiz isso em http://www.marciofiguiredo.com
Mas entendo q para indexação é ruim e decidi aprender mais sobre html, e a versão 5 me parece bem melhor que a 4.01

Leo Baiano 18/08/2009 às 17:05

Diego, li seu artigo a um tempo atrás e recente lembrei dele enquanto visitava o site w3schools, mais especificamenteo artigo que fala sobre a tag (http://www.w3schools.com/tags/html5_article.asp).

Lá me pareceu que a tag deve ser utilizada para tratar conteúdo externo ao site, por exemplo, blogs que divulgam noticias de portais na sidebar, e não para definir a parte onde o fica o conteúdo do site como foi citado aqui.

Fiquei bastante confuso com relação a isto, poderia explicar melhor o que define a tag ?

Igor Escobar 19/08/2009 às 10:08

Diego, pelo que eu ví no site da W3C a tag article serve para outra coisa.

E no site da W3School ele da outra definição também para a tag article.

“The tag defines external content.

The external content could be a news-article from an external provider, or a text from a web log (blog), or a text from a forum, or any other content from an external source.”

Ou seja a tag article é usada para representar um conteúdo externo…

Abraços!

Igor Escobar 19/08/2009 às 11:29

Ou sei lá, parece que você explicou certo mais ficou faltando algumas palavras para ficar claro.

Leo Baiano 25/08/2009 às 19:26

Diego, dei inicio a uma discussão em uma lista sobre este assunto pois fiquei com algumas dúvidas após ler um texto do W3School, esse seu texto e as especificações do W3C.

A questão é relacionada a tag article e o Igor, que participou da discussão na lista, até já adiantou… afinal, em que casos devemos utilizar a tag articles? Para indicar conteúdo? Para indicar conteúdo externo?

Aproveitando, no seu post acredito que há algum erro no bloco de códigos com um exemplo de estrutura, a tag article não deveria ficar dentro da tag section?

Obrigado!

Leonardo Rente 08/09/2009 às 22:04

Realmente fascinantes a nova semantica vai facilitar e muito o desenvolvimeto e navegação.

Otimo post

» HTML 5 Diggest 18/09/2009 às 19:26

[...] HTML 5 – Mudanças na estrutura e semântica [...]

Luana Samara 30/11/2009 às 19:10

Trabalho com CSS e HTML a quase 3 anos, gostei da nova organização, cada parte no seu devido lugar, irá diminuir o uso de tantas classes e Id’s. POsta como ficará com CSS aplicado.
Abraços e parabéns pelo o site muito bom

segurança na rede 23/12/2009 às 16:47

Muito bom

Esta na hora de atualizar para html 5 e utilizar melhor ocss no controle manutenção dos sites.

RachaWeb 25/01/2010 às 07:45

Olha o que eu to vendo e que esse HTML 5 pra quem mexe com XML vai ser parecido…

Matheus 28/01/2010 às 18:35

As novas mudanças vão simplificar pacas, a codificação de uma página relativamente grande, querendo ou não, ficava no mínimo um pouco confusa.

Obrigado pelo post esclarecedor Diego !

PHP e frameworks Javascript « Else 07/03/2010 às 21:53

[...] 73D do ano passado que desenvolveu o GraphMatics. Recebi várias dicas sobre HTML 5 (referências: Tableless, HTML5Demos), a biblioteca gráfica do PHP (referências: Wikibooks, gdLibrary, php.net) e [...]

HTML 5 – Mudanças na estrutura e semântica « @nikaureliano Blog 07/04/2010 às 20:43

[...] HTML 5 – Mudanças na estrutura e semântica Filed Under: Uncategorized by anikaureliano — Deixe um comentário abril 7, 2010 Todos os dias sites e mais sites são publicados na internet e nenhum deles com um padrão de nomenc… [...]

Bruno 14/05/2010 às 15:00

Na minha opinião o que estão tentando fazer é tornar o HTML em um objeto XML e uma folha de estilos nova seria necessária.

Acho mais fácil se o XHTML entrasse em acordo com as novas idéias e se montasse as regras.

Por exemplo, uma funcionalidade interessante seria a capacidade das tags HTML se comunicassem com tags XML.

Exemplo:
XML simples
alunos.xml

Maria
26
3333-3333

No HTML algo como

[foreach al in xmlAlunos]

[end foreach]

Desta maneira resolveríamos grande parte problemas, fazendo o html cada vez mais dinamico, podendo fazer a comunicação com JS apenas para fazer comunicação com o servidor.

Os XMLs poderiam ser comsumidos pelo próprio HTML e gerado por uma linguagem de programação.

Mas isto é só uma opinião, de alguém que não é tão rico quanto a microsoft nem tão influente como os usuários da comunidade livre.

Fica uma guerra que na verdade quem perde são os desenvolvedores.

Bruno 14/05/2010 às 15:02

Na minha opinião o que estão tentando fazer é tornar o HTML em um objeto XML e uma folha de estilos nova seria necessária.

Acho mais fácil se o XHTML entrasse em acordo com as novas idéias e se montasse as regras.

Por exemplo, uma funcionalidade interessante seria a capacidade das tags HTML se comunicassem com tags XML.

Exemplo:
XML simples
alunos.xml
<aluno>
<nome>Maria</nome>
<idade>26</idade>
<telefone>3333-3333</telefone>
</aluno>

No HTML algo como

<xml load=”alunos.xml” id=”xmlAlunos”></xml>

[foreach al in xmlAlunos]
<div class=’exemplo’>
<span class=’nome’>
<node=”nome” />
</span>
</div>
[end foreach]

Desta maneira resolveríamos grande parte problemas, fazendo o html cada vez mais dinamico, podendo fazer a comunicação com JS apenas para fazer comunicação com o servidor.

Os XMLs poderiam ser comsumidos pelo próprio HTML e gerado por uma linguagem de programação.

Mas isto é só uma opinião, de alguém que não é tão rico quanto a microsoft nem tão influente como os usuários da comunidade livre.

Fica uma guerra que na verdade quem perde são os desenvolvedores.

HTML5 Diff | Boas práticas de Desenvolvimento com Padrões Web 13/07/2010 às 12:02

[...] HTML5 – Mudanças na estrutura e Semântica [...]