Skip to main content

Cosa sono le colonne HTML?

Nei documenti HTML di Hypertext Markup Language (HTML), le colonne sono un modo per definire un'area di un sito Web che ha generalmente una larghezza inferiore alla larghezza totale visualizzabile di una pagina.Le colonne HTML consentono ai progettisti della pagina Web di utilizzare la 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 definire la sua 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 a cascata (CSS) rendesse possibile definire una colonna senza dover creare un'intera tabella.Esistono alcuni problemi di formattazione e compatibilità che derivano dall'uso di colonne HTML, sebbene questi possano essere in gran parte superati con un'attenta progettazione e codifica. Le colonne HTML originariamente erano una parte di una struttura di formattazione più ampia nota come tabella.Un tavolo HTML può essere pensato come una griglia, con ogni quadrato nella griglia chiamata cella.Una colonna è una raccolta di celle che sono allineate consecutivamente e che vanno dall'alto verso il basso.Una tabella di solito ha più colonne.Ogni cella in una colonna può avere la sua formattazione e spaziatura indipendenti, oltre a essere in grado di abbracciare più di una riga.

Con CSS, le colonne HTML non fanno effettivamente parte di una tabella, ma sono divisioni nidificate all'interno di altre divisioni.Ciò consente a più colonne come una tabella HTML, tranne per il fatto che le caratteristiche di CSS consentono che la stessa formattazione è applicata senza sforzo a molte pagine in un singolo sito.L'uso 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 il loro contenuto non aderiscono agli standard accettati.

La larghezza delle colonne HTML può essere specificataIl codice di un documento, affermando le dimensioni esatte dei pixel o attraverso una misurazione percentuale relativa.Ciò significa che una colonna può essere creata affermando che è di 200 pixel o il 25 percento della larghezza del display del visualizzatore.Specificare le dimensioni dei pixel di una colonna può aiutare a garantire che le immagini e altri elementi di layout avanzati siano perfettamente disposti e ridimensionati, sebbene ciò significa che la pagina possa apparire molto più grande o più piccola del desiderato a varie risoluzioni dello schermo.La creazione di una colonna usando percentuali relative significa che la colonna si ridimensionerà alle dimensioni del desiderio, indipendentemente dalla dimensione dello schermo dello spettatore, ma porta a problemi in cui il contenuto della colonna potrebbe essere visualizzato in modo errato a causa di spazio extra o insufficiente.