Postagens

Mostrando postagens de Setembro, 2014

Estrutura básica de documento em HTML5

Imagem
O HTML5 veio com elementos semânticos, ou seja, elementos que possuem um significado para o desenvolvedor e para o navegador, descrevendo claramente para que serve.

Na maioria dos sites temos código HTML dessa forma:

para definir uma barra de navegação ou menu.
div id="nav"

ou

div id="header"

para definir o cabeçalho do site.

No HTML5 temos elementos semânticos que identificam claramente as partes de um site.

Observe a imagem:



- header: especifica o cabeçalho do site ou de uma parte do site;
- nav: define um conjunto de links de navegação;
- section: define uma seção de um documento html. De acordo com a documentação de HTML5 do W3C: "A seção é um agrupamento temático de conteúdo, geralmente com um título.";
- article: especifica um conteúdo independente do resto do site, por exemplo, um blog, um fórum de discussão ou um comentário;
- aside: define um conteúdo do site que ficará ao lado, como uma barra lateral;
- footer: especifica o rodapé do site ou de uma part…