HTML 5

Deixe um comentário

abril 26, 2011 por Geisimar Rech

Estou aqui para compartilhar algumas coisas interessantes que estive lendo sobre HTML 5.

São milhares de sites publicados diariamente na web, mas quantos seguem os padrões definidos?
Com a chegada do HTML 5 isso deve mudar para melhor, com as novas tags que foram implementadas o código html deve ganhar mais semântica.

A forma como escrevemos HTML 4 hoje, se não seguir um padrão de nomenclatura de classes e ids para os buscadores esse código não tem nenhum sentido, e com certeza seu site não terá a mesma visibilidade que outros.

Um exemplo:

<div id=”top”></div>

<div id=”menu”></div>

<div class=”middle”></div>

<div id=”right”></div>

<div id=”bottom”></div>

Várias divs para criar uma estrutura simples e sem sentido para os buscadores.
Essas novas tags do HTML 5 irão ajudar a criar um código mais limpo, e o principal que os mecanismos de buscas entendam.
<header>O elemento header define o cabeçalho</header>

<nav>Nav define o menu ou a navegação do site</nav>

<section>O elemento Section define uma seção do layout em um determinado element. Ele pode conter um header e também um footer se preciso.

<article>Article define uma parte da página que tem uma composição de formulários, textos etc. Por exemplo, pode ser um post de forum, blog, comentários etc.</article>

</section>

<aside>O elemento aside consiste em envolver informações que tem algo a ver com o conteúdo principal do site. Pode ser um menu lateral, um sidebar padrão com menu, banner, busca etc…</aside>

<footer>Footer define o rodapé do elemento ou do layout.</footer>

Outras tags HTML 5

Fico por aqui, espero que tenham gostado desta pequena introdução do que é HTML 5

»

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: