Vad är HTML-kolumner?

I HTML-dokument (HyperText Markup Language) är kolumner ett sätt att definiera ett område på en webbplats som vanligtvis har en bredd som är mindre än den totala visningsbara bredden på en sida. HTML-kolumner tillåter webbsidesdesigners att använda formatering som liknar utskriftsformatering utan att behöva ta till opålitliga knep, som tomma bilder, för att skapa mellanrum. Varje kolumn kan också använda standardelement för att definiera dess bredd, justering och avstånd. Traditionellt sett var HTML-kolumner bara en del av en större HTML-tabell, även om introduktionen av cascading style sheets (CSS) gjorde det möjligt att definiera en kolumn utan att behöva skapa en hel tabell. Det finns vissa formaterings- och kompatibilitetsproblem som följer med att använda HTML-kolumner, även om dessa till stor del kan övervinnas med noggrann design och kodning.

HTML-kolumner var ursprungligen en del av en större formateringsstruktur som kallas en tabell. En HTML-tabell kan ses som ett rutnät, där varje kvadrat i rutnätet kallas en cell. En kolumn är en samling celler som är uppradade i rad och löper uppifrån och ned. En tabell har vanligtvis flera kolumner. Varje cell i en kolumn kan ha sin egen oberoende formatering och avstånd, samt att kunna sträcka sig över mer än en rad.

Med CSS är HTML-kolumner faktiskt inte en del av en tabell, utan är divisioner av utrymme som är kapslade i andra divisioner. Detta tillåter flera kolumner som en HTML-tabell, förutom att funktionerna i CSS tillåter att exakt samma formatering enkelt tillämpas på många sidor på en enda webbplats. Att använda CSS för att skapa kolumner orsakar dock problem med implementeringen av divisionstaggarna i vissa webbläsare där anpassningen och behandlingen av kolumner och deras innehåll inte följer accepterade standarder.

Bredden på HTML-kolumner kan anges i ett dokuments kod, antingen genom att ange de exakta pixeldimensionerna eller genom en relativ procentuell mätning. Detta innebär att en kolumn kan skapas genom att ange att den är 200 pixlar tvärs över eller 25 procent av bredden på tittarskärmen. Att specificera pixeldimensionerna för en kolumn kan hjälpa till att säkerställa att bilder och andra avancerade layoutelement är perfekt arrangerade och skalade, även om det betyder att sidan kan se mycket större eller mindre ut än önskat vid olika skärmupplösningar. Att skapa en kolumn med relativa procentsatser innebär att kolumnen skalas till önskade dimensioner oavsett hur tittarens skärmstorlek är, men leder till problem där innehållet i kolumnen kan visas felaktigt på grund av extra eller otillräckligt utrymme.