Il Tag <details> HTML

Definizione e utilizzo

Il tag <details> specifica ulteriori dettagli che l’utente può aprire e chiudere su richiesta.Il tag <details> è spesso utilizzato per creare un widget interattivo che l’utente può aprire e chiudere. Di default, il widget è chiuso. Quando è aperto, si espande e mostra il contenuto al suo interno.Qualsiasi tipo di contenuto può essere inserito all’interno del tag <details>.Il tag <summary> è utilizzato in combinazione con il tag <details> per specificare un’intestazione visibile per i dettagli.

<details>
  <summary>Esplorando il Sistema Solare</summary>
  <p>
    Un viaggio emozionante nello spazio alla scoperta del nostro Sistema Solare.
    Pianeti, lune, misteri cosmici e tanta meraviglia.
  </p>
</details>