Algumas novidades sobre o HTML 5

Não sei quando os browser irão 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 deverão 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

Anúncios

9 Respostas para “Algumas novidades sobre o HTML 5

  1. Realmente muito interessante as atualizações que o HTML 5 irá nos propor. Resta saber se quando isso será disponível e implementado nos browsers.

  2. Gostei muito de saber sobre essas novas formas e tags adicionais, elas vão facilitar muito. O difícil é acostumar no começo, isso é com o tempo.
    Parabéns, informação importante, assim que todos gostam.
    =)

  3. Aslan Tales Tavares

    Excelente, cada atualização temos novidades, como as tecnologias estão facilmente sendo ultrapassada, então temos que crescer na mesma velocidade, para que não possamos ficar retrôgrados.
    Excelente post, Muito Obrigado pelo compartilhamento.
    Abraços

  4. Desculpe-me, cara, mas antes de escrever, você deve aprender um pouco de português. Você sabe tags, mas não sabe a diferença entre “am” e “ão”.

    • Henrique obrigado pelo toque, já foi corrigido

      mas blog é assim mesmo, as vezes tem alguns erros

      pena q vc não deixou o link para a gente ver o seu blog

      t+

      • Fiquei super feliz ao enntcorar o BIZU aqui, mas não consigo baixar. Quando clico em download abre a pagina livros de graça com o tratado de cirurgia; Me da um HELP por favor.brigadão.

  5. Já existe suporte para HTML 5 no google Chrome, o site do governo do chile foi feito em HTML 5 ( http://www.gobiernodechile.cl/ )

    • Sabrina – Ei Joel e Daise!!!Parabéns por este thaablro maravilhoso que vocês sempre fazem com tanto carinho e união!!!Só podia sair perfeito mesmo vindo de vocês dois!!!Tenho certeza que o nosso vídeo que sairá em breve surpreenderá a muitos e irá além das expectativas….Abraços,Sabrina e Romulo

    • Obrigado pelo aviso Cassia Campos…O link esvtaa com o link trocado mesmo (erro nosso), mais já corrigimos o problema e agora tá tudo certinho, pode baixar tranquilamente e aproveitar essa RARIDADE na net!!!!!Muito obrigado pela visita e volte sempre, sua presença é muito importante pra nós!

Deixe um comentário

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