Mitä ovat HTML -taustakoodit?

HyperText Markup Language (HTML) -koodit ovat lohkotason elementtien ominaisuuksia, jotka voivat muuttaa verkkosivun näytetyn tekstin ja kuvien takana olevan alueen ulkoasua. Käyttämällä HTML -taustakoodeja sivun taustaväriä voidaan muuttaa tai kuva voidaan määrittää ja näyttää taustakuvana. Näitä koodeja voidaan käyttää HTML -tekstitunnisteen ominaisuutena tai määritellä tarkemmin CSS -tyylitaulukoiden avulla. Vaikka HTML -taustakoodit voivat parantaa verkkosivun ulkoasua, ne voivat myös aiheuttaa ongelmia sivun luettavuudessa, jos niitä ei testata oikein. Lisäksi jotkin taustakoodit – erityisesti HTML -kehotunnisteen ominaisuudet – on poistettu käytöstä, eikä niitä ehkä näytetä oikein, jos niitä ei ole määritetty CSS -ominaisuuksilla.

Sekä HTML-body-tagin taustaominaisuuden että CSS-taustakuvan ominaisuuden avulla suunnittelija voi määrittää tiedoston, jota voidaan käyttää verkkosivuston taustakuvana. Kun kuva määritetään body -tagin taustaominaisuuden avulla, sitä sovelletaan koko sivun taustaan. Jos käytetään taustakuvan CSS-ominaisuutta, kuva voidaan rajoittaa yhteen lohkotason elementtiin, kuten taulukkoon tai tekstiruutuun. Kuva voi olla melkein mitä tahansa, vaikka useimmat selaimet eivät näytä grafiikkavaihtomuotoisia (gif) animaatioita taustakuvana ja voivat sen sijaan näyttää vain ensimmäisen kehyksen.

Muita taustakoodeja voidaan käyttää body -tunnisteen ja CSS -lisäominaisuuksien kanssa. Niiden avulla kuva voidaan määritellä toistuvaksi koko taustalla pystysuunnassa, vaakasuunnassa tai molemmissa. HTML -taustakoodeja voidaan käyttää myös kuvan kohdistamiseen tiettyyn näytön alueeseen, kuten oikeaan alakulmaan. CSS -ominaisuudet voivat hyväksyä prosenttiosuuksia tai pikselisijainteja argumentteina ja tarjota menetelmän kuvien sijoittamiseksi hyvin tietyissä paikoissa.

On myös yksinkertaisempi joukko HTML -taustakoodeja, jotka käsittelevät kiinteän värin määrittämistä verkkosivuston taustaksi. Aivan kuten kuvien kohdalla, body-tagin sisällä olevan värin käyttäminen muuttaa koko sivun taustaväriä, kun taas CSS-runko-ominaisuuksien muuttaminen rajoittaa muutoksen yhteen lohkotason elementtiin. On tärkeää huomata, että jotkin verkkoselaimet sallivat käyttäjien poistaa taustakuvien ja värien näyttämisen käytöstä.

HTML -taustakoodit voidaan joskus näyttää väärin tai poistaa käytöstä, joten huonon suunnittelukäytännön katsotaan luottavan voimakkaasti taustakuvan väriin välittääkseen tärkeitä tietoja verkkosivuston katsojalle. Samoin, jos tekstin ja taustan väri on käänteinen ja tausta ei näy oikein, verkkosivuston katsojat eivät voi nähdä lainkaan tekstiä. Tumman tekstin värin säilyttäminen vaalean taustan päällä voi auttaa tekemään verkkosivustosta näkyvän, vaikka tausta ei näy halutulla värillä.