La etiqueta <summary> en HTML se utiliza para definir un resumen para el elemento <detalles>.
- El elemento <summary> se usa junto con el elemento <details> y proporciona un resumen visible para el usuario.
- Cuando el usuario hace clic en el resumen, el contenido colocado dentro del elemento <detalles> se vuelve visible, que antes estaba oculto.
- La etiqueta <summary> se agregó en HTML 5.
- La etiqueta <summary> requiere tanto la etiqueta inicial como la final.
Nota: El elemento <resumen> debe ser el primer elemento secundario del elemento <detalles>.
Sintaxis:
<summary> Content </summary>
El siguiente programa ilustra el elemento <summary>:
Entrada:
HTML
<!DOCTYPE html> <html> <body> <details> <!-- html summary tag is used here --> <summary>GeeksforGeeks.</summary> <p> It is a portal for geeks.</p> </details> </body> </html>
Producción :
Navegadores compatibles:
- Google Chrome 12.0 y superior
- Edge 79 y superior
- Firefox 49.0 y superior
- Ópera 15.0 y superior
- Safari 8.0 y superior
- Internet Explorer no es compatible
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA