HTML5, sigla para Hypertext Markup Language, é uma linguagem de marcação de hipertexto para apresentar e estruturar o conteúdo na web. Ela traz novas funções como as tags <video>, <audio> e elemento <canvas> e será o novo padrão para HTML, XHTML e HTML DOM. Com o HTML5, por exemplo, é possível ver vídeos do YouTube sem o Flash.
Conheça exemplos de sites em HTML5 e entenda algumas mudanças do novo padrão.

Com o novo padrão será mais simples incorporar um vídeo à uma página. A linguagem possui as tags <video> </video> para a inserção de vídeos e basta indicar uma source (fonte), ou seja, a origem do vídeo, para inseri-lo à página.
São novidades trazidas pelo padrão os atributos autoplay, controls, height, loop, muted, poster, preload, src e width. A tag <video> tem suporte nos browsers Internet Explorer, Mozilla Firefox, Google Chrome , Opera e Safari.
Exemplo da Tag <video>
<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
Your browser does not support the video tag.
</video>
Tags de <audio>
O HTML 5 definiu um novo elemento que especifica um modo padrão para incorporar um arquivo de áudio em uma página da web: a tag <audio>. Atualmente, há suporte para três formatos para o elemento <audio>. São eles: MP3, Wav e Ogg. Na tabela abaixo, os navegadores que possuem suporte para os formatos de áudio.
MP3 | Wav | Ogg |
---|---|---|
Internet Explorer 9 Google Chrome 6 Apple Safari 5 |
Firefox 4.0 Google Chrome 6 Apple Safari 5 Opera 10.6 |
Firefox 4.0 Google Chrome 6 Opera 1 |
Exemplo da Tag <audio>
<audio controls="controls">
<source src="song.ogg" type="audio/ogg" />
<source src="song.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>
Elemento <canvas>
O elemento canvas usa o JavaScript para desenhar gráficos na página da web. Canvas é uma área retangular e o usuário controla cada pixel nela. O elemento canvas tem muitas formas de desenhar caixas, linhas caracteres e adicionar imagens. Para adicionar um elemento canvas é necessário especificar a id, altura e largura do elemento.
