Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Datos de búsqueda

HTML 5: Elementos nuevos y modificados

Elemento DETAILS

Introduce una funcionalidad muy extendida y que con HTML 4 requiere el uso de Javascript: los bloques de contenido desplegable.

Se muestra el texto del elemento SUMMARY, mientras que los elementos que le siguen aparecen ocultos.

La etiqueta SUMMARY coge el foco, como si se tratase de un enlace.

Aun no existe soporte en ningún navegador, pero se puede simular por Javascript.

Saber más: details – control for additional on-demand information (enlace externo, en inglés).

Ejemplos

<details>
  <summary>[Título de bloque, se muestra por defecto]</summary>
  <p>[Texto del bloque, se oculta por defecto]</p>
</details>

Ejemplo de uso de elemento DETAILS

Compartir este artículo:

  • Compartir en del.icio.us
  • Compartir en Technorati
  • Añadir a Google Bookmarks
  • Compartir en Google Buzz

Datos del artículo:

Comentarios de la página

Puedes comentar si así lo deseas.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Todavía no hay comentarios.

Hacer un comentario