details

Introduced in HTML5

Sumário

O elemento HTML details (<details>) é usado como uma ferramenta de onde o usuário irá obter informações adicionais.

Contexto de uso

Conteúdo permitido Um elemento <summary> seguido por flow content
Omissão de tag Nenhuma, tanto as tas iniciais quanto as finais são obrigatórias.
Elementos pais permitidos Qualquer elemento que aceite flow content.
Documento normativo HTML5, section 4.11.1

Atributos

Como todos os elementos HTML, esse elemento aceita os global attributes.

open
Esse atributo Booleano indica se os detalhes serão mostrados para o usuário ao carregar a página. Se omitido os detalhes não serão mostrados.

Interface do DOM

Esse elemento implemena a interface HTMLDetailsElement.

Exemplos

<details>
  <summary>Alguns detalhes</summary>
  <p>Mais informações sobre os detalhes.</p>
</details>

Demonstração

Demo

Compatibilidade dos navegadores

Recurso Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico 12 Não suportado bug 591737 Não suportado Não suportado Não suportado
Recurso Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte básico 4.0 Não suportado bug 591737 Não suportado Não suportado Não suportado

Veja também

Etiquetas do documento e colaboradores

Última atualização por: teoli,