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.
 

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.