Nesse post vou falar sobre as tags “details” e “summary”. Elas servem para fornecer mais especificações para o leitor acerca de um nome. Infelizmente, o único navegador que aceita esse recurso é o . Veja o exemplo abaixo:

Nas ilhas de Komodo, Rinca, Gili Motang e Flores, na Indonésia, vive o

Dragão-de-komodo



 ou crocodilo-da-terra (Varanus komodoensis). É uma espécie de lagarto que pertence à família de lagartos-monitores Varanidae, e é a maior espécie de lagarto conhecida, chegando a atingir 2–3 m de comprimento e 70 kg de peso. O seu tamanho invulgar é atribuído a gigantismo insular, uma vez que não há outros animais carnívoros para preencher o nicho ecológico nas ilhas onde ele vive, e também ao seu baixo metabolismo. Como resultado deste gigantismo, estes lagartos, juntamente com as bactérias simbiontes, dominam o ecossistema onde vivem. Apesar dos dragões-de-komodo comerem principalmente carniça, eles também caçam e fazem emboscadas a presas incluindo invertebrados, aves e mamíferos.


Guepardo


Nome Científico

Varanus komodoensis




Foto





Habitat

zonas de pasto abertos, savana e floresta tropical




Velocidade

20 km/h




Vídeo

Nas ilhas de Komodo, Rinca, Gili Motang e Flores, na Indonésia, vive o

ou crocodilo-da-terra (Varanus komodoensis). É uma espécie de lagarto que pertence à família de lagartos-monitores Varanidae, e é a maior espécie de lagarto conhecida, chegando a atingir 2–3 m de comprimento e 70 kg de peso. O seu tamanho invulgar é atribuído a gigantismo insular, uma vez que não há outros animais carnívoros para preencher o nicho ecológico nas ilhas onde ele vive, e também ao seu baixo metabolismo. Como resultado deste gigantismo, estes lagartos, juntamente com as bactérias simbiontes, dominam o ecossistema onde vivem. Apesar dos dragões-de-komodo comerem principalmente carniça, eles também caçam e fazem emboscadas a presas incluindo invertebrados, aves e mamíferos.

“details”: tag que indica onde começa e termina o texto a ser detalhado.
“open”: atributo da tag “details” que fornece a opção de já vir com o detalhe aberto ao carregar a página.
“summary”: tag que informa o título do detalhe.

Façam os testes e boa sorte!

Confira aqui o Tutorial Completo HTML5 2012