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
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
Colaboradores desta página:
teoli,
LeonardoPacheco
Última atualização por:
teoli,