Il tag <DL> in Html

In questa lezione del corso HTML impariamo a usare il tag <dl>

Il tag <dl> ti permette di creare una una lista di termini e relative definizioni all'interno della pagina web.

La sigla <dl> sta per "Definition List", ovvero "lista di definizioni".

Come si utilizza?

Tra il tag di apertura <dl> e il tag di chiusura </dl> devi la lista dei termini e delle relative definizioni.

<dl>lista di definizioni</dl>

Per inserire i termini nella lista devi utilizzare il tag <dt> mentre per inserire le definizioni il tag <dd>.

Il tag <dl> può contenere uno o più termini al suo interno. Ciascun termine devi indicarlo all'interno del tag <dt>, seguito dalla relativa definizione dentro il tag <dd>.

Ecco un esempio pratico di utilizzo.

Innanzitutto, usa il tag <dl> per creare la lista di definizioni.

<dl>
<dt>HTML</dt>
<dd>Linguaggio di markup utilizzato per la creazione di pagine web.</dd>
</dl>

Poi indica il termine da definire nel tag <dt>. In questo caso è il termine "HTML".

Infine, scrivi la definizione del termine nel tag <dd>.

Sul browser la lista delle definizioni appare in questo modo.

HTML: Linguaggio di markup utilizzato per la creazione di pagine web.

A cosa serve? Il tag <dl> è molto utile per creare liste di definizioni in modo chiaro e strutturato. Ti permette di inserire un glossario dei termini utilizzati nel testo. In questo modo consenti agli utenti di comprendere meglio il contenuto della pagina e fornisci delle informazioni sintetiche aggiuntive sull'argomento. Puoi utilizzare il tag <dl> anche per realizzare le voci di un menu a discesa.

Il tag <dl> va inserito all'interno della sezione <body> del documento Html.

Ecco un esempio pratico di pagina web completa.

<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
...
<dl>
<dt>SEO</dt>
<dd>L'acronimo SEO sta per "Search Engine Optimization" e indica l'insieme di tecniche utilizzate per migliorare la visibilità di un sito web sui motori di ricerca come Google.</dd>
<dt>CSS</dt>
<dd>CSS è l'acronimo di "Cascading Style Sheets" e indica un linguaggio di markup utilizzato per definire lo stile e la formattazione del contenuto all'interno di una pagina web.</dd>
</dl>
</body>
</html>

In questo esempio il tag <dl> definisce due termini "SEO" e "CSS" utilizzando il tag <dt> per indicare i termini e il tag <dd> per la descrizione e la definizione del termine.

In conclusione, il tag <dl> è un elemento di markup molto utile se vuoi creare liste di definizioni.