Hvad er HTML-kolonner?

I HyperText Markup Language (HTML) -dokumenter er kolonner en måde at definere et område på et websted, der generelt har en bredde, der er mindre end den samlede visbare bredde på en side. HTML-kolonner giver websidesignere mulighed for at bruge formatering, der ligner udskrivningsformatering uden at skulle ty til upålidelige tricks, såsom blanke billeder, for at skabe mellemrum. Hver kolonne kan også bruge standardelementer til at definere dens bredde, justering og afstand. Traditionelt var HTML-kolonner kun en del af en større HTML-tabel, skønt introduktionen af ​​kaskadestilark (CSS) gjorde det muligt at definere en kolonne uden at skulle oprette en hel tabel. Der er nogle formaterings- og kompatibilitetsproblemer, der følger med at bruge HTML-kolonner, selvom disse i vid udstrækning kan overvindes med omhyggelig design og kodning.

HTML-kolonner var oprindeligt en del af en større formateringsstruktur kendt som en tabel. En HTML-tabel kan betragtes som et gitter, hvor hver firkant i gitteret kaldes en celle. En kolonne er en samling af celler, der er oprettet efter hinanden og kører fra top til bund. En tabel har normalt flere kolonner. Hver celle i en kolonne kan have sin egen uafhængige formatering og afstand samt være i stand til at spænde over mere end en række.

Med CSS er HTML-kolonner faktisk ikke en del af en tabel, men er opdelinger af plads indlejret i andre opdelinger. Dette tillader flere kolonner som en HTML-tabel, bortset fra at funktionerne i CSS tillader nøjagtigt den samme formatering uden problemer at blive anvendt på mange sider på et enkelt sted. Brug af CSS til at danne kolonner medfører dog problemer med implementeringen af ​​delingskoder i bestemte browsere, hvor justeringen og behandlingen af ​​kolonner og deres indhold ikke overholder accepterede standarder.

Bredden på HTML-kolonner kan specificeres i et dokuments kode, enten ved at angive de nøjagtige pixeldimensioner eller gennem en relativ procentvis måling. Dette betyder, at der kan oprettes en søjle ved at angive, at den er 200 pixels på tværs af eller 25 procent af bredden af ​​visningsskærmen. Specificering af pixeldimensionerne i en kolonne kan hjælpe med til at sikre, at billeder og andre avancerede layoutelementer er perfekt arrangeret og skaleret, selvom det betyder, at siden kan se meget større eller mindre ud end ønsket ved forskellige skærmopløsninger. Oprettelse af en søjle ved hjælp af relative procentdele betyder, at søjlen skaleres til ønsket dimensioner, uanset hvad seerens skærmstørrelse er, men fører til problemer, hvor indholdet af søjlen muligvis vises forkert på grund af ekstra eller utilstrækkelig plads.