Etiqueta HTML 5 <resumen>

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *