Algumas novidades sobre o HTML 5

Não sei quando os browser iram implementar , mas o HTML 5 tem novidades para facilitar nosso trabalho e melhorar a semântica dos documentos.
Vou listar o que achei mais significativo:

Mudança no modelo de conteúdo, os elementos block deveram conter em sua raiz um elemento in-line ou um block , mas não ambos .

Este é um exemplo do que será permitido:

<div>
<p><em>...</em></p>
</div>

mas isto não :

<div>
<p>...</p>
<em>...</em>
</div>

Novos elementos introduzidos

Alguns para melhorar a estrutura dos documentos, como:

• section : poderá ser utilizado junto com H1-H6 para indicar a estrutura do documento


• article : representa um pedaço independente de um conteúdo ou documento, como o post de um blog ou um artigo


• aside: um trecho de conteúdo q tem pouco relacionamento com o resto do conteúdo


• header: cabeçalho de uma seção


• footer: o rodapé de uma seção , e pode ter informações sobre o autor,copyright, etc...


•  nav: para ser utilizado como menu de navegação


•  dialog: pode ser utilizado para marca um dialogo


• figure: pode ser utilizado para adicionar titulo em gráficos e videos

<figure>
<img src='teste.jpg'/>
<legend>Example</legend>
</figure>

e outro elementos como :

•  progress: representa o status de uma tarefa

e o elemento input tem mais attributos:

•  datetime


•  datetime-local


•  date


•  month


•  week


•  time


•  number


•  range


•  email


•  url

A intenção deste novos atributos para o input é de melhorar a comunicação com o browser, por exemplo no auto preenchimento dos formulários

Novos atributos:

• autofocus: para o elemento imput, como pode se imaginar é para focar o elemento após o carregamento da página


• require: para o elemento input, para indicar que o campo precisa ser preenchido antes do formulário ser enviado


• inputmode: dá uma dica (hint) ao user sobre qual tipo de resposta se espera


• autocomplete


• draggable

Um dos atributos quem não será mais padrão e o rev  para o elemento link e charset, mas utilizamos esse atributo com microformats que talvez sofra modificações por causa disto

No dom, getElementsByClassName foi adicionada e innerHTML agora é padrão

As mudanças não são grandes e muito do que ele propõe já é feito com javascript, mas quando utilizarmos HTML 5 certamente iremos precisar de menos javascript

fonte : HTML5 differences from HTML4