Hva er HTML-kolonner?

I HyperText Markup Language (HTML) -dokumenter er kolonner en måte å definere et område på et nettsted som vanligvis har en bredde som er mindre enn den totale visbare bredden på en side. HTML-kolonner lar webdesignere bruke formatering som for eksempel utskriftformatering uten å måtte ty til upålitelige triks, for eksempel blanke bilder, for å skape avstand. Hver kolonne kan også bruke standardelementer for å definere bredde, justering og avstand. Tradisjonelt var HTML-kolonner bare en del av en større HTML-tabell, selv om introduksjonen av kaskaderende stilark (CSS) gjorde det mulig å definere en kolonne uten å måtte lage en hel tabell. Det er noen formaterings- og kompatibilitetsproblemer som følger med bruk av HTML-kolonner, selv om disse i stor grad kan overvinnes med nøye design og koding.

HTML-kolonner var opprinnelig en del av en større formateringsstruktur kjent som en tabell. En HTML-tabell kan tenkes som et rutenett, med hver firkant i rutenettet kalt en celle. En kolonne er en samling av celler som er stilt sammen fortløpende og kjøres fra topp til bunn. En tabell har vanligvis flere kolonner. Hver celle i en kolonne kan ha sin egen uavhengige formatering og avstand, i tillegg til å kunne spenne over mer enn en rad.

Med CSS er HTML-kolonner faktisk ikke en del av en tabell, men er inndelinger av plass som er nestet i andre divisjoner. Dette tillater flere kolonner som en HTML-tabell, bortsett fra at funksjonene i CSS gjør at nøyaktig samme formatering kan brukes enkelt på mange sider på et enkelt nettsted. Hvis du bruker CSS til å danne kolonner, forårsaker det imidlertid problemer med implementeringen av divisjonskoder i visse nettlesere der justering og behandling av kolonner og deres innhold ikke overholder aksepterte standarder.

Bredden på HTML-kolonner kan spesifiseres i et dokumentkode, enten ved å angi de nøyaktige pikseldimensjonene eller gjennom en relativ prosentmåling. Dette betyr at en kolonne kan opprettes ved å angi at den er 200 piksler over eller 25 prosent av bredden på visningsskjermen. Å spesifisere pikseldimensjoner på en kolonne kan bidra til å sikre at bilder og andre avanserte layoutelementer er perfekt ordnet og skalert, selv om det betyr at siden kan vises mye større eller mindre enn ønsket ved forskjellige skjermoppløsninger. Å opprette en kolonne ved å bruke relative prosentandeler betyr at kolonnen skalerer til ønsket dimensjoner uansett hva skjermens størrelse er, men fører til problemer der innholdet i kolonnen kan vises feil på grunn av ekstra eller utilstrekkelig plass.