La semantica dei tag summary e figcaption

Summary e Figcaption L’elemento summary (non ...

Summary e Figcaption

L’elemento summary (non l’attributo summary dell’elemento di tabella) si trova all’interno dell’elemento  dettagli:

<details>
<summary>Più informazioni</summary>
<p>Quì elencati i sintomi discussi nell'articolo ...</p>
</details>

È progettato per produrre una casella “expando” che è chiusa per impostazione predefinita (ma può essere aperta utilizzando l’attributo booleano aperto), visualizzando solo il testo specificato dal tag summary.  Cliccando sopra il testo summary, si apre l’intero elemento con i dettagli del contenuto. Se non è presente alcun testo summary, il browser visualizza automaticamente la sezione “dettagli”. Il tutto non dipende dallo scripting dell’autore ma dovrebbe funzionare anche se JavaScript è disabilitato o non presente.

figcaption si trova all’interno del tag figure:

<span<figure>
<img ... > 
  <figcaption>descrizione immagine</figcaption>
</figure>

L’elemento figcaption rappresenta la didascalia  per il  contenuto dell’elemento figure. L’uso di figure e figcaption riguarda : illustrazioni, diagrammi, foto .

Kenji Agency : realizzazione  siti web a Treviso