searchiniz

Manuale di HTML

Tutti i tag

   Il tag <DL>

L'elemento HTML
<DL>
è usato per inserire una lista di definizioni. I vari elementi della lista saranno rappresentati da due parti:
1. Un titolo indicato dal tag <DT>
2. Una definizione indicata dal tag <DD>
L'elemento di definizione viene indentato di circa 80 pixel rispetto al titolo.

Vediamo un esemprio di utilizzo del tag:

Campania
          Capolupgo: Napoli;
          Superficie: 13595 km2; Economia: agricoltura, Pesca, Turismo, Industria alimentare.
Toscana
          Capoluogo: Firenze;
          Superficie: 22993 km2; Economia: Industria siderurgica, Viticoltura, Turismo.


Possiamo notare che andando a capo col tag <BR> il testo mantiene l'allineamento e l'indentatura della riga superiore.
Le liste di definizioni possono anche essere annidate, ponendo tag <DL> uno dentro l'altro.


Campania
          Capolupgo:
                    Napoli;
          Superficie:
                    13595 km2;
          Economia:
                    agricoltura,
                    Pesca,
                    Turismo,
                    Industria alimentare.
Toscana
          Capoluogo:
                    Firenze;
          Superficie:
                    22993 km2;
          Economia:
                    Industria siderurgica,
                    Viticoltura,
                    Turismo.

e questo è il codice utilizzato:

<DL>
  <DT>Campania
    <DD>Capoluogo: Napoli;<BR>
    <DD>Superficie: 13595 km<SUP>2</SUP>; Economia: agricoltura, Pesca, Turismo, Industria alimentare.
  <DT>Toscana
    <DD>Capoluogo: Firenze;<BR>
    <DD>Superficie: 22993 km<SUP>2</SUP>; Economia: Industria siderurgica, Viticoltura, Turismo.
</DL>

<DL>
  <DT>Campania
    <DD>
      <DL>
        <DT>Capoluogo:
          <DD>Napoli;
        <DT>Superficie:
          <DD>13595 km<SUP>2</SUP>;
        <DT>Economia:
          <DD>agricoltura,
          <DD>Pesca,
          <DD>Turismo,
          <DD>Industria alimentare.
      </DL>
  <DT>Toscana
    <DD>
      <DL>
        <DT>Capoluogo:
          <DD>Firenze;
        <DT>Superficie:
          <DD>22993 km<SUP>2</SUP>;
        <DT>Economia:
          <DD>Industria siderurgica,
          <DD>Viticoltura,
          <DD>Turismo.
      </DL>
</DL>




Il tag <DL> prevede l'attributo COMPACT che, a detta dello standard HTML 3.2, dovrebbe indicare al browser di visualizzare la lista in uno stile più compatto, ma ogni browser si comporta diversamente con questo attributo.
Lo standard HTML inoltre non include alcuna specifica di comportamento in presenza di paragrafi o nuove righe all'interno della lista e di modifiche dell'indentatura.

Browser
Tutti i browser visualizzano una indentatura extra in corrispondenza degli elementi <DD>, ma l'entità dell'indentatura cambia da browser a browser. Ariadna, Netscape e Opera indentano di una quantità pari circa a 6 caratteri; Internet Explorer e Mosaic qualche carattere in meno. Solo Ariadna e Netscape riconoscono l'attributo COMPACT.
Tutti i browser inseriscono una interlinea singola prima e dopo la lista. Opera inoltre inserisce una interlinea anche prima di ciascun titolo <DT>.

Vedi anche i tag <DD>, <DT>, <OL>, <UL> e le note generali sulle liste.


Nel prossimo capitolo descriveremo il tag <DT>.


searchfine

Guida realizzata da   Michele Ferrara  ( © )  




Privacy Policy - Personalizza tracciamento pubblicitario