Elementos details e summary

Os novos elementos details e summary marcam a possibilidade de detalhamento e o título do elemento que será detalhado. Algo parecido com o recurso popularmente conhecido como “saiba mais”.

Ainda não totalmente especificados e implementados pelos browsers, o resultado esperado mais provável é que o elemento summary controlará a expansão e contração (mostrar e ocultar) do conteúdo inserido no elemento details.

Trombone
Detalhes Técnicos
Família : Metais
Afinação : Si Bemol
Tessitura : aproximadamente 4 oitavas
  
<details>
<summary>Trombone</summary>
<dl>
<dt>Detalhes Técnicos</dt>
<dd> Família : Metais</dd>
<dd> Afinação : Si Bemol</dd>
<dd>Tessitura : aproximadamente 4 oitavas </dd>
</dl>
</details>