Exemplo
Usando o <summary> elemento:
<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
Tente você mesmo " Definição e Uso
O <summary> tag define um título visível para o <details> elemento. O título pode ser clicado para exibir / ocultar os detalhes.
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <summary> | 12.0 | Não suportado | 48,0 | 6 | 15,0 |
Diferenças entre HTML 4.01 e HTML5
O <summary> tag é novo em HTML5.
Dicas e Notas
Nota: O <summary> elemento deve ser o primeiro elemento filho do <details> elemento.
Atributos globais
O <summary> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <summary> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
Referência HTML DOM: Summary Objeto
Configurações CSS padrão
A maioria dos navegadores irá exibir o <summary> elemento com os seguintes valores padrão:
summary {
display: block;
}