Internet

12/12/2011 20h29 - Atualizado em 22/10/2013 11h25

O que é HTML5?

Claudia Bozza
por
Da redação

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. 

O novo logo do HTML5 (Foto: Divulgação)O novo logo do HTML5 (Foto: Divulgaçã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.

Exemplo do elemento canvas no novo padrão HTML5 (Foto: Reprodução/W3Schools)Exemplo do elemento canvas no novo padrão HTML5 (Foto: Reprodução/W3Schools
Seja o primeiro a comentar

Os comentários são de responsabilidade exclusiva de seus autores e não representam a opinião deste site. Se achar algo que viole os termos de uso, denuncie. Leia as perguntas mais frequentes para saber o que é impróprio ou ilegal.

recentes

populares