L’elemento <dd> definisce una descrizione, una definizione o un valore all’interno di una lista di descrizione, utilizzato all’interno dei tag <dl> per fare coppia con <dt> (Description Term).
Questo è estremamente utile quando si mostrano dati di tipo chiave-valore. Le informazioni del profilo, le impostazioni e le statistiche sono esempi comuni di applicazione.
Qual è lo scopo generale di usare <figure> insieme a <figcaption>?
Il tag <figure> viene solitamente utilizzato per racchiudere contenuti (multimediali) indipendenti, come un’immagine o un grafico, insieme a <figcaption> per fornire una didascalia.
Questo è utile per immagini, diagrammi, frammenti di codice e altro ancora.
L’elemento <article> viene utilizzato per definire una porzione di contenuto indipendente che può essere distribuita o riutilizzata autonomamente.
Viene spesso impiegato per post di blog, articoli di testate giornalistiche, post di forum o commenti degli utenti.
Puoi utilizzare più articoli in una pagina (per pagine a scorrimento infinito, ad esempio). Oppure, puoi annidarli l’uno dentro l’altro per creare una gerarchia di “contenuti indipendenti”.
Qual è lo scopo degli elementi <fieldset> e <legend> in un modulo (form)?
L’elemento <fieldset> viene utilizzato per raggruppare controlli di form correlati, mentre <legend> fornisce un titolo o un’etichetta per il gruppo, migliorando notevolmente l’accessibilità.
Questo approccio è fondamentale per organizzare logicamente sezioni complesse, come i dati di spedizione o i dettagli di pagamento, rendendo il form più comprensibile sia per gli utenti che per gli screen reader.
L’elemento <meter> viene utilizzato per rappresentare una misurazione scalare (singola) all’interno di un intervallo prestabilito, come la temperatura, l’utilizzo del disco o il conteggio dei voti.
Può sembrare simile a una barra <progress>, tuttavia le barre di avanzamento iniziano SEMPRE da zero. Pertanto, gli elementi <progress> mostrano una percentuale di completamento, mentre un <meter> mostra qualsiasi valore all’interno di un intervallo definibile.
L’elemento <hgroup> raggruppa un’intestazione con contenuti secondari correlati, solitamente uno o più elementi <p>.
Può essere utile quando un’intestazione ha un sottotitolo, uno slogan o un titolo alternativo che non dovrebbe diventare un’altra intestazione nell’outline del documento.
L’elemento <menu> rappresenta un elenco di comandi o controlli interattivi.
Se la tua lista è composta da link di navigazione, usa <nav> con un <ul>. Usa <menu> per controlli simili a barre degli strumenti o elenchi di comandi.
L’elemento <dialog> viene utilizzato per pop-up o modali e fornisce markup semantico, CSS esteso e un’API nativa per queste interazioni.
Usa JavaScript per aprirlo con .showModal() per i dialoghi modali o .show() per quelli non modali, e chiudilo con .close() o tramite l’invio di un form che utilizza method="dialog".
L’elemento <time> viene utilizzato per date, orari o durate. Può includere contenuti leggibili dall’uomo e un attributo datetime leggibile dalla macchina. HTML non ha un elemento <date>.
Gli attributi ARIA (Accessible Rich Internet Applications) migliorano l’accessibilità web fornendo contesto aggiuntivo per gli screen reader e altre tecnologie assistive.
Esistono ruoli, stati e proprietà che possono essere utilizzati per descrivere gli elementi.
