Nei documenti HyperText Markup Language (HTML), le colonne sono un modo per definire un’area di un sito Web che generalmente ha una larghezza inferiore alla larghezza visualizzabile totale di una pagina. Le colonne HTML consentono ai progettisti di pagine Web di utilizzare una formattazione simile alla formattazione di stampa senza dover ricorrere a trucchi inaffidabili, come immagini vuote, per creare spaziatura. Ogni colonna può anche utilizzare elementi standard per definirne la larghezza, l’allineamento e la spaziatura. Tradizionalmente, le colonne HTML erano solo una parte di una tabella HTML più grande, sebbene l’introduzione dei fogli di stile a cascata (CSS) abbia reso possibile definire una colonna senza dover creare un’intera tabella. Ci sono alcuni problemi di formattazione e compatibilità che derivano dall’utilizzo delle colonne HTML, sebbene questi possano essere ampiamente superati con un’attenta progettazione e codifica.
Le colonne HTML originariamente erano una parte di una struttura di formattazione più ampia nota come tabella. Una tabella HTML può essere pensata come una griglia, con ogni quadrato nella griglia chiamato cella. Una colonna è un insieme di celle allineate consecutivamente e dall’alto verso il basso. Una tabella di solito ha più colonne. Ogni cella di una colonna può avere la propria formattazione e spaziatura indipendenti, oltre a poter estendersi su più di una riga.
Con i CSS, le colonne HTML in realtà non fanno parte di una tabella, ma sono divisioni di spazio annidate all’interno di altre divisioni. Ciò consente più colonne come una tabella HTML, tranne per il fatto che le funzionalità dei CSS consentono di applicare facilmente la stessa identica formattazione a molte pagine in un singolo sito. L’utilizzo di CSS per formare colonne, tuttavia, causa problemi con l’implementazione dei tag di divisione in alcuni browser in cui l’allineamento e il trattamento delle colonne e del loro contenuto non aderiscono agli standard accettati.
La larghezza delle colonne HTML può essere specificata nel codice di un documento, indicando le dimensioni esatte in pixel o tramite una misura percentuale relativa. Ciò significa che è possibile creare una colonna affermando che è di 200 pixel di larghezza o del 25% della larghezza del display del visualizzatore. Specificare le dimensioni in pixel di una colonna può aiutare a garantire che le immagini e altri elementi di layout avanzati siano perfettamente disposti e ridimensionati, sebbene ciò significhi che la pagina potrebbe apparire molto più grande o più piccola di quanto desiderato a varie risoluzioni dello schermo. La creazione di una colonna utilizzando percentuali relative significa che la colonna verrà ridimensionata alle dimensioni desiderate indipendentemente dalle dimensioni dello schermo del visualizzatore, ma porta a problemi in cui il contenuto della colonna potrebbe essere visualizzato in modo errato a causa di spazio in eccesso o insufficiente.