Skip to main content

Organización de la información con secciones contraídas

Para simplificar el Markdown, crea una sección contraída con la etiqueta <details>.

¿Quién puede utilizar esta característica?

Markdown se puede usar en la interfaz web de GitHub.

Creación de una sección contraída

Puede ocultar temporalmente las secciones de Markdown mediante la creación de una sección contraída que el lector puede elegir expandir. Por ejemplo, si quiere incluir detalles técnicos en el comentario una incidencia que puede no ser relevante o interesante para todos los lectores, puede colocar esos detalles en una sección contraída.

Cualquier Markdown dentro del bloque <details> se contraerá hasta que el lector haga clic en para expandir los detalles.

Dentro del bloque <details>, usa la etiqueta <summary> para que los lectores sepan lo que hay dentro. La etiqueta aparece a la derecha de .

<details>

<summary>Tips for collapsed sections</summary>

### You can add a header

You can add text within a collapsed section. 

You can add an image or a code block, too.

```ruby
   puts "Hello World"
```

</details>

El Markdown dentro de etiqueta <summary> se contraerá de forma predeterminada:

Captura de pantalla del Markdown anterior en esta página, tal como se representa en GitHub, que muestra una flecha orientada hacia la derecha y el encabezado "Sugerencias para secciones contraídas".

Después de que un lector haga clic en , los detalles se expanden.

Captura de pantalla del Markdown anterior en esta página tal como se representa en GitHub, que indica que una sección contraída puede contener encabezados, oraciones de texto, imágenes y bloques de código.

Opcionalmente, para que la sección se muestre como abierta de manera predeterminada, agregue el atributo open a la etiqueta <details>:

<details open>

Información adicional