Manual de referência HTML

大全 de etiquetas HTML

HTML: <details> Tag

O elemento HTML <details> pode criar um widget, que só será exibido quando mudado para o estado expandido, mostrando as informações contidas. O elemento <summary> pode fornecer um resumo ou rótulo para o widget.

Exemplo online

Uso do elemento <details>:

Exemplo

!doctype html
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　Uso do detalhe da etiqueta (基础教程网 oldtoolbag.com)</title>
</head>
<body>
<details>
　　　　<summary>Detalhes</summary>
　　　　Algo pequeno o suficiente para escapar à atenção casual.（基础教程网 oldtoolbag.com）
</details>
</body>
</html>

Teste e veja ‹/›

Como é o efeito de execução:

Navegador compatível

IEFirefoxOperaChromeSafari

Atualmente, apenas o Chrome e o Safari 6 Suporta o <details> tag.

Definição e instruções de uso do tag

O <details> tag especifica detalhes adicionais visíveis ou ocultos necessários.

O <details> tag é usado para criar controles interativos de abertura/fechamento para o usuário. Qualquer tipo de conteúdo pode ser colocado dentro do <details> tag.

O conteúdo do elemento <details> é invisível para o usuário, a menos que a propriedade open seja configurada.

HTML 4.01 e HTML5diferenças entre

O <details> tag é um HTML5 novo tag.

Dicas e notas

Dica:e <summary> Tags usadas conjuntamente podem ser usadas para definir um título para o details. O título é visível e, quando o usuário clica no título, o details é exibido.

Atributo

Novo: HTML5 novo atributo.

Atributo	Valor	Descrição
openHTML5	open	Define se o details é visível.

Atributos globais

Suporte ao <details> tag Atributos globais do HTML.

Atributos de eventos

Suporte ao <details> tag Atributos de eventos do HTML.

HTML: <dfn> Tag HTML: <del> Tag