Page 33 - Guida tascabile HTML5

Figura 2.11 La tabella completa: alcuni tag del markup non incidono sull’aspetto,
ma arricchiscono la descrizione del contenuto.

RIFERIMENTO Un tag senza un significato propriamente semantico, ma a volte utile
per semplificare il markup, è <colgroup>. Trova posto dopo l’eventuale tag <caption> e
prima dell’eventuale <thead>, e permette di definire gruppi di colonne utilizzando il tag
<col>, con lo scopo di descriverne la formattazione. Può essere utile per esempio

quando la tabella è sviluppata in orizzontale, con le intestazioni elencate nella prima
colonna. Ecco un esempio di markup dove la prima colonna si differenzia dalle due
seguenti:

<table>
<colgroup>
<col class="intestazione">
<col span="2" class="contenuto">
</colgroup>
<tr>
<th>...</th>
<td>...</td>
<td>...</td>
</tr>
<tr>
<th>...</th>
<td>...</td>
<td>...</td>
</tr>
</table>

Conclusioni

In questo capitolo abbiamo descritto sintassi e utilizzo dei tag relativi al
contenuto vero e proprio della pagina: titoli, paragrafi, elenchi e tabelle

permettono di assegnare un ruolo in modo puntuale a ogni “atomo” del documento.
Nel prossimo capitolo affronteremo invece la creazione della struttura d’insieme

della pagina.