Warning: Parameter 1 to wp_default_scripts() expected to be a reference, value given in /home/crian734/public_html/blog.kolaborativa/wp-includes/plugin.php on line 601

Warning: Parameter 1 to wp_default_styles() expected to be a reference, value given in /home/crian734/public_html/blog.kolaborativa/wp-includes/plugin.php on line 601
Os elementos figure e figcaption no HTML5 - Kolaborativa

Os elementos figure e figcaption no HTML5

Oi pessoal. Testaram as novas tags de áudio e de vídeo já postadas? Se não, dá uma olhada nos posts anteriores, porque o que vou falar agora depende muito das novas tags. É sobre a tag &#60figure&#62 e &#60figcaption&#62.

Atualizado em 03/10/2011

Veja os exemplos abaixo com respectivos códigos-fonte:


Use Ubuntu!


Para visualizar o áudio e o vídeo, utilize o , pois eles estão, respectivamente, em mp3 e mp4.

Alf Theme

Exemplo vídeo HTML5

Não podemos esquecer que devemos definir os elementos como blocos. Posteriormente, isso não será mais necessário. Então o CSS fica assim:

&#60figure&#62: pode conter múltiplos vídeos, áudios ou imagens + 1 título.
&#60figcaption&#62: define um título para o &#60figure&#62. Pode ser em cima ou embaixo da figura. Depende da ordem que você colocar no código HTML.

Navegadores que aceitam este elemento:

Bem, façam os testes e até mais!

Confira aqui o Tutorial Completo HTML5 2012

Author Description

dukountra

Nenhum comentário ainda.

Join the Conversation