HTML and CSS Reference
In-Depth Information
<li>Tipologia: PDF</li>
<li>Dimensione: 200 KB</li>
</ul>
</details>
</section>
leano
open
, che, se presente, rende il contenuto del tag visibile. Chiaramente possiamo
impostare l'attributo
open
anche in modo programmatico.
Una delle più interessanti modalità di impiego del tag
details
consiste nel masche-
rare alcuni controlli all'interno della pagina. Infatti, se non specifichiamo l'attributo boo-
leano
open
, possiamo usare questo elemento come contenitore per una serie di controlli
che, di default, non devono essere mostrati all'utente. In questo modo, possiamo rende-
re questi controlli visibili solamente in talune circostanze, per esempio, in risposta a certe
azioni eseguite dall'utente o in base allo stato di navigazione, sostituendo in questo l'uso
del tag
div
, con un conseguente aumento del livello di interattività, dell'usabilità generale
e, ancora una volta, della semantica della pagina.
L'elemento
menu
consente di realizzare toolbar e menu contestuali all'interno delle pagine
e va usato come un contenitore per raggruppare in modo strutturato diversi comandi. Il tag
presenta due attributi, ovvero
label
, che consente di indicare un'etichetta testuale, e
ty-
pe
, che permette di definire la tipologia di menù. Quest'ultimo attributo prevede tre valori
possibili:
context
: l'elemento
menu
rappresenta un menù contestuale e l'utente può intera-
gire solo con i comandi in esso contenuti, ma solo se il menù è attivo;
toolbar
: l'elemento
menu
rappresenta una toolbar (barra degli strumenti), ovvero
un elenco di comandi con cui l'utente può interagire direttamente;
list
(default): l'elemento
menu
rappresenta una semplice lista non ordinata di ele-
menti, ciascuno dei quali corrisponde a un comando specifico che un utente può
eseguire o attivare.
In HTML5 possiamo strutturare l'insieme dei comandi contenuti in un elemento
menu
se-
condo modalità diverse. Possiamo usare una serie di tag
li
, in modo analogo a quanto