Início·Tags HTML

<details>

Sanfonas

Uma caixa que abre e fecha, sem precisar de JavaScript.

Como escrever<details></details>
Tag de fechamento</details>
Elemento vazioNão, precisa fechar
Atributos comunsopen, name
CategoriaSanfonas

Como ler

  • A maioria das tags vem em par, abrindo e fechando. Só as que não têm conteúdo — img, br — ficam sem fechamento.
  • Escrever </br> num elemento vazio não adianta: o navegador ignora ou acrescenta uma linha em branco.
  • A aparência é tarefa do CSS. A tag diz o que algo é; negrito ou itálico é só a consequência.
  • Escolher a tag que combina com o significado ajuda buscadores e leitores de tela. Embrulhar tudo em div joga fora essa informação.

Perguntas frequentes

Q. O que é a tag HTML <details>?

Uma caixa que abre e fecha, sem precisar de JavaScript.

Q. Como se escreve <details>?

Assim: <details></details>. A abertura <details> forma par com o fechamento </details>.

Q. Quais atributos são comuns em <details>?

Os comuns são open, name.

Q. A que grupo pertence <details>?

Ao grupo sanfonas.

Tags do mesmo grupo

Documentação