<details>
Desplegables
Una caja que se pliega y despliega, sin necesidad de JavaScript.
| Cómo se escribe | <details></details> |
|---|---|
| Etiqueta de cierre | </details> |
| Elemento vacío | No, debe cerrarse |
| Atributos habituales | open, name |
| Categoría | Desplegables |
Cómo leerlo
- La mayoría de etiquetas van en pareja, apertura y cierre. Solo las que no tienen contenido —img, br— quedan sin cerrar.
- Escribir </br> en un elemento vacío no sirve de nada: el navegador lo ignora o añade una línea en blanco.
- La apariencia es cosa del CSS. La etiqueta dice qué es algo; la negrita o la cursiva son la consecuencia.
- Elegir la etiqueta que encaja con el significado ayuda a buscadores y lectores de pantalla. Envolverlo todo en div tira esa información.
Preguntas frecuentes
Q. ¿Qué es la etiqueta HTML <details>?
Una caja que se pliega y despliega, sin necesidad de JavaScript.
Q. ¿Cómo se escribe <details>?
Así: <details></details>. La apertura <details> se empareja con el cierre </details>.
Q. ¿Qué atributos son habituales en <details>?
Los habituales son open, name.
Q. ¿A qué grupo pertenece <details>?
Al grupo desplegables.