. O w3c anunciou nesta segunda que pretende finalizar o padrao em julho de 2014. aqui temos algumas tags
Autor: RENATO LIMA | Publicado: 2011-12-13T05:12:00-08:00

HTML 5, novos elementos e atributos.

Em meio à tutoriais e artigos a respeito, em alguns minutos consegue-se perceber algumas das novas possibilidades que o HTML 5 proporcionará, mas na prática da construção de códigos para interfaces, o que será possível além de secções, barras de menu, barras laterais, etc?

Por Thaiana Poplade

8
      

Tags, mídia, interação usuário x website, relevância nos resultados de busca, usabilidade e acessibilidade são as grandes definições do poder de transformação que o HTML 5 promete estabelecer quando desenvolvedores web puderem utilizá-lo e como já mencionado em outro artigo, especializações na área devem surgir com esta nova versão, ou seja, você terá a possibilidade de escolher em qual das vertentes citadas acima vai deter maior conhecimento. Ainda assim, é fato que a construção de códigos para interfaces continuará sendo tarefa geral do desenvolvedor Front-End e saber quais tags utilizar e de que forma as utilizar continuará sendo conhecimento básico no desenvolvimento de códigos de marcação.

Determinar como distribuir informação será o grande objetivo no planejamento de construção de seu código html na versão 5. Esta hoje, acaba sendo uma das tarefas de um profissional SEO, mas acredita-se que com uso das novas tags desenvolvedores Front-End terão conhecimento e possibilidades de participar deste planejamento.
Desta forma, o conselho é: você desenvolvedor não familiarizado com algumas destas técnicas de construção semântica de códigos html priorizando informação, pode fazer algumas leituras complementares a respeito, como por exemplo, o uso de Microdata no HTML 5 – explanado pela Talita Pagani. Este com certeza, será um diferencial no perfil de um profissional Front-End.

Novos elementos
Além das tags de mídia (

1
audio
e

1
vídeo
), a incansavelmente comentada

1
canvas
e das novas tags de estrutura:

1
section
,

1
article
,

1
nav
,

1
aside
,

1
header
e

1
footer
, teremos também, de acordo com a W3C, ainda outras novas tags que determinarão o tipo de informação que estará sendo exibida na tela. Um exemplo são as tags:

1
embed
que será usada para pluggins e a tag

1
progress
que representará dados em progresso como o download de um arquivo.
Outro exemplo de novos elementos, será a tag

1
time
utilizada para informações de dia e hora que poderão situar o usuário quanto ao horário e data de navegação ou apenas quanto a periodicidade de um novo post em um blog ou de um novo comentário. Abaixo, 3 exemplos de como aplicar esta tag:

Para determinar hora:


Postado às 09:00hs
Para determinar a data [ através do uso do atributo datetime]:


Postado em  13 de fevereiro de 2011
Ou para determinar data e hora de um local específico:


Postado em  13 de fevereiro de 2011 às 09:00hs
Neste último exemplo, a informação referente ao horário é separada da informação de data através do separador “T” (obrigatório caso ambas as informações sejam declaradas). Logo após é possível adicionar a informação de fuso horário

1
[+03:00]
- declarada para situar o local onde este horário está sendo determinado – em nosso exemplo: regiões Nordeste / Sul e Sudeste do Brasil, de acordo com o ponto referencial – Meridiano de Greenwich.

Novos atributos
Com o HTML 5, novos atributos à elementos que já existentes também foram criados.
Uma das possibilidades que está entusiasmando desenvolvedores é quanto a criação de formulários sem a necessidade de scripts externos para validação das informação que serão “inputadas” pelos usuários.
Por exemplo, o elemento

1
input
poderá receber atributos como

1
tel
[para número de telefones],

1
search
[para campos de busca],

1
month
,

1
date
,

1
time
[para informações referentes a tempo e data],

1
email
[para endereços eletrônicos], entre outros. Saiba mais sobre a construção de formulários em HTML 5.
Outros novos atributos que também prometem revolucionar são:

1
placeholder
que poderá ser declarado nos elementos

1
input
e

1
textarea
, utilizado para validar o tipo de informação a ser inserida. Por exemplo:

1
&lt;input type=”email” placeholder=”a@b.com.br” /&gt;
E o atributo

1
required
que poderá ser declarado aos campos de um formulário exigindo preenchimento.

Elementos Alterados
Alguns elementos terão sua significancia alterada no HTML 5. Como por exemplo, o elemento

1
b
que não representará nada além de uma informação em negrito na tela e o elemento

1
i
que representará informações em outras línguas ou um novo tom de voz para leitores de tela.

Elementos eliminados
E como não poderia deixar de ser, alguns elementos não deverão mais ser utilizados, como por exemplo os elementos

1
center
,

1
u
,

1
tt
,

1
frame
e

1
noframes
. Inevitavelmente, algumas das técnicas de acessibilidade que utilizamos hoje, deverão ser revistas bem como a busca por novas alternativas para esta nova versão.