: Elemento SUMMARY

Última atualização: 2026-09-12

<summary>Elemento SUMMARY

Como primeiro filho de details, é o título visível que o usuário clica para alternar o widget.

CategoriaSemântico
Modelo de ConteúdoSomente como primeiro filho de details
Pais PermitidosQualquer elemento que aceite conteúdo de fluxo
Tag de FechamentoSim — requer fechamento </summary> tag
StatusPadrão

📝 Sintaxe

<summary>título do resumo</summary>

▶ Exemplo

Edite o código abaixo e veja o resultado em tempo real no playground:

🌐 Suporte de Navegadores

Navegador ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<summary> v1 v12 v1 v1 v1
Suportado em todos os navegadores principais
Dica: summary deve ser o primeiro filho dentro de details; sem ele, o navegador mostra um rótulo genérico.
Mais estudos de caso em breve — volte mais tarde.

📚 Tutoriais Relacionados

Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%