Mitä HTML -sarakkeet ovat?

HyperText Markup Language (HTML) -asiakirjoissa sarakkeet ovat tapa määrittää verkkosivuston alue, jonka leveys on yleensä pienempi kuin sivun koko näytettävä leveys. HTML -sarakkeiden avulla verkkosivujen suunnittelijat voivat käyttää tulostusmuotoilua vastaavaa muotoilua turvautumatta epäluotettaviin temppuihin, kuten tyhjiin kuviin, välien luomiseksi. Jokainen sarake voi myös käyttää vakioelementtejä sen leveyden, kohdistuksen ja etäisyyden määrittämiseen. Perinteisesti HTML -sarakkeet olivat vain yksi osa suurempaa HTML -taulukkoa, vaikka CSS -tyylisivujen käyttöönotto mahdollisti sarakkeen määrittämisen ilman koko taulukon luomista. HTML -sarakkeiden käyttöön liittyy joitakin muotoilu- ja yhteensopivuusongelmia, vaikka ne voidaan suurelta osin ratkaista huolellisella suunnittelulla ja koodauksella.

HTML -sarakkeet olivat alun perin osa suurempaa muotoilurakennetta, joka tunnetaan taulukkona. HTML -taulukkoa voidaan pitää ruudukkona, ja ruudukon jokaista neliötä kutsutaan soluksi. Sarake on kokoelma soluja, jotka on järjestetty peräkkäin ja suoritetaan ylhäältä alas. Taulukossa on yleensä useita sarakkeita. Jokaisella sarakkeen solulla voi olla oma itsenäinen muotoilu ja väli, ja se voi ulottua useammalle kuin yhdelle riville.

CSS: n avulla HTML -sarakkeet eivät itse asiassa ole osa taulukkoa, vaan ne ovat tilanjakoja muiden alueiden sisällä. Tämä sallii useita sarakkeita, kuten HTML -taulukon, paitsi että CSS: n ominaisuudet mahdollistavat täsmälleen saman muotoilun vaivattoman soveltamisen monille yhden sivuston sivuille. CSS: n käyttäminen sarakkeiden muodostamiseen aiheuttaa kuitenkin ongelmia jakotunnisteiden käyttöönotossa tietyissä selaimissa, joissa sarakkeiden ja niiden sisällön kohdistaminen ja käsittely ei noudata hyväksyttyjä standardeja.

HTML -sarakkeiden leveys voidaan määrittää asiakirjan koodissa joko ilmoittamalla tarkat pikselimitat tai suhteellisen prosenttiosuuden mittauksella. Tämä tarkoittaa, että sarake voidaan luoda ilmoittamalla, että sen koko on 200 pikseliä tai 25 prosenttia katsojan näytön leveydestä. Sarakkeen pikselimittojen määrittäminen voi auttaa varmistamaan, että kuvat ja muut kehittyneet asetteluelementit ovat täydellisesti järjestettyjä ja skaalattuja, vaikka se tarkoittaa, että sivu saattaa näyttää paljon suuremmalta tai pienemmältä kuin haluttu eri näytön tarkkuuksilla. Sarakkeen luominen suhteellisilla prosenttiosuuksilla tarkoittaa, että sarake skaalautuu haluttuihin mittoihin katsojan näytön koosta riippumatta, mutta johtaa ongelmiin, joissa sarakkeen sisältö voidaan näyttää väärin ylimääräisen tai riittämättömän tilan vuoksi.