Los últimos tutoriales de desarrollo web
 

HTML <summary> Tag


Ejemplo

Utilizando el <summary> elemento:

<details>
  <summary>Copyright 1999-2014.</summary>
  <p> - by Refsnes Data. All Rights Reserved.</p>
  <p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
Inténtalo tú mismo "

Definición y Uso

La <summary> etiqueta define un encabezado visible para el <details> elemento. El título se puede hacer clic para ver / ocultar los detalles.


Soporte para el navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.

Elemento
<summary> 12.0 No soportado 48.0 6.0 15.0

Diferencias entre HTML 4.01 y HTML5

La <summary> etiqueta es nueva en HTML5.


Notas y sugerencias

Nota: La <summary> elemento debe ser el primer elemento secundario del <details> elemento.


Los atributos globales

La <summary> etiqueta también es compatible con el de los atributos globales en HTML .


Atributos de eventos

La <summary> etiqueta también es compatible con la atributos de eventos en HTML .


Páginas relacionadas

Referencia HTML DOM: Summary de objetos


Ajustes por defecto CSS

La mayoría de los navegadores mostrarán el <summary> elemento con los siguientes valores predeterminados:

summary {
    display: block;
}