HTML 5 - Introdução

O que é HTML5?

O HTML5 foi criado com a união do World Wide Web Consortium (W3C) e a Web Hypertext Application Technology Working Group  (WHATWG). A WHATWG trabalhava com formulários web e aplicativos, e W3C estava trabalhando com XHTML 2.0. Em 2006, eles decidiram se unir e criar uma nova versão do HTML.

A última versão do HTML, a 4.01, funcionava desde 1999 sem nenhuma modificação. Percebendo a necessidade de novidades e melhorias, está sendo desenvolvido o HTML5, e suas funcionalidades já são aceitas nos principais navegadores.

HTML5

Algumas regras para o HTML5 foram estabelecidas:

  • Novos recursos deve ser baseada em HTML, CSS, DOM e JavaScript
  • Reduzir a necessidade de plugins externos (como o Flash)
  • Melhor o tratamento de erro
  • Mais de marcação para substituir o script
  • Deve funcionar independente de dispositivo
  • O processo de desenvolvimento deve ser aberto ao público
Iniciando um documento HTML5

? importante iniciar o HTML5 com uma declaração muito simples: <!DOCTYPE html>. Após esta declaração, usaremos um corpo um pouco mais familiar, e as novas tags criadas para facilitar a criação e desenvolvimento.

Abaixo está um documento HTML5 simples, com o mínimo de etiquetas necessárias:

 

<!DOCTYPE html>
<html>
<head>
<title> Title of the document </title>
</head>
<body>
The content of the document......
</html>

 

 

HTML5 - Novos Recursos

Algumas das características mais interessantes em HTML5:

  • O elemento <canvas> para desenho 2D;
  • Os elementos <video> e <audio> para reprodução de mídia;
  • Suporte para armazenamento local;
  • Novos conteúdos específicos de elementos, como <article>, <footer>, <header>, <nav> e <section>;
  • Novos tipos de campo para formulários do tipo calendário, data, hora, email, url e pesquisa;
Navegadores que suportam HTML5

O HTML5 ainda não é um padrão oficial, e não todos os navegadores tem suporte a ele completamente. Mas todos os principais navegadores (Safari, Chrome, Firefox, Opera, Internet Explorer) adicionaram novos recursos HTML5 para suas últimas versões. Então, mantenha-se sempre atualizado para utilizar o máximo de recursos possível.


Na próxima postagem, falaremos mais sobre as novas tags HTML5.

Até lá!


Tags desta matéria

Comentários  (2)

  • Pedro Alves
    Pedro Alves 29/01/2016 06:55

    Muito bom o conteúdo amigo, já da pra ter uma noção!

  • osmar
    osmar 15/04/2016 20:52

    muito bom para quem ta começando , ótimas dicas

Deixe sua opnião