XML: n näyttäminen verkkosivulla CSS: n avulla

Jos olet perehtynyt miten CSS tyylejä HTML sivuja, arvostat muotoilun käsitettä. Alkaessa XML merkintäkieli, tietojen näyttäminen oli hieman monimutkaista, mutta se muuttui tyylitaulukoiden kanssa.

Lisäämällä tyylitaulukon viittauksen voit muotoilla ja näyttää XML-koodisi verkkosivuna. Ilman CSS: ää tai muuta muotoilua XML näkyy perustekstinä ja virhe, jonka mukaan selain ei löytänyt alustavaa asiakirjaa.

XML-muotoilu

Yksinkertainen tyylitaulukko edellyttää vain, että luet elementin ja muotoilumääritteet, joita tarvitaan tietojen näyttämiseen.

Alustustiedoston ensimmäinen rivi on juurielementti. Juuren attribuutit koskevat koko sivua, mutta muutat niitä jokaiselle tunnisteelle. Tämä tarkoittaa, että voit määrittää taustavärin sivulle ja sitten uudelleen jokaiselle osalle.

Tallenna tiedosto samaan hakemistoon kuin XML-tiedostosi ja varmista, että sillä on .CSS-tiedostotunniste.

Linkki CSS: ään XML: stä

Tässä vaiheessa nämä ovat kaksi täysin erillistä asiakirjaa. Suorittimella ei ole aavistustakaan, että haluat heidän tekevän yhteistyötä luoda verkkosivu.

instagram viewer

Voit korjata tämän lisäämällä lausekkeen XML-asiakirjan yläosaan, joka tunnistaa polun CSS-tiedostoon. Lauseke menee suoraan alkuperäisen XML-lausekkeen alle.

instagram story viewer