Cosa sono le colonne HTML?
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 totale visualizzabile 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 spazi. Ogni colonna può anche utilizzare elementi standard per definirne larghezza, allineamento e spaziatura. Tradizionalmente, le colonne HTML erano solo una parte di una tabella HTML più grande, sebbene l'introduzione di fogli di stile CSS (CSS) consentisse di definire una colonna senza dover creare un'intera tabella. Esistono alcuni problemi di formattazione e compatibilità che derivano dall'uso delle colonne HTML, sebbene questi possano essere ampiamente risolti con un'attenta progettazione e codifica.
Le colonne HTML originariamente facevano parte di una struttura di formattazione più grande nota come tabella. Una tabella HTML può essere pensata come una griglia, con ogni quadrato nella griglia chiamato cella. Una colonna è una raccolta di celle che sono allineate in sequenza e corrono dall'alto verso il basso. Una tabella di solito ha più colonne. Ogni cella in una colonna può avere una 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 nidificate all'interno di altre divisioni. Ciò consente a più colonne come una tabella HTML, tranne per il fatto che le funzionalità di CSS consentono di applicare la stessa formattazione esatta a molte pagine in un singolo sito. L'uso dei 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 dei pixel o attraverso una misurazione percentuale relativa. Ciò significa che è possibile creare una colonna dichiarando che è di 200 pixel attraverso o il 25 percento 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 quella desiderata con varie risoluzioni dello schermo. La creazione di una colonna utilizzando percentuali relative significa che la colonna si ridimensionerà in base alle dimensioni del desiderio indipendentemente dalle dimensioni dello schermo dello spettatore, ma porta a problemi in cui il contenuto della colonna potrebbe essere visualizzato in modo errato a causa dello spazio extra o insufficiente.