Hvordan vise XML på en webside ved hjelp av CSS

Hvis du er kjent med hvordan CSS stiler HTML sider, vil du sette pris på begrepet formatering. Ved utbruddet av XML markeringsspråk, visning av data var litt komplisert, men det endret seg med stilark.

Ved å legge til en stilarkreferanse kan du formatere og vise XML-koden din som en webside. Uten CSS eller annen formatering vises XML som grunnleggende tekst med en feil som sier at nettleseren ikke kunne finne et formateringsdokument.

XML-styling

Et enkelt stilark krever bare at du oppgir elementet og formateringsattributtene som er nødvendige for å vise dataene.

Den første linjen i formateringsfilen er rotelementet. Attributtene for roten gjelder for hele siden, men du endrer dem for hver tag. Dette betyr at du kan angi bakgrunnsfargen for siden og deretter igjen for hver seksjon.

Lagre filen i samme katalog som XML-filen, og sørg for at den har .CSS-filtypen.

Lenke til CSS Fra XML

På dette punktet er dette to helt separate dokumenter. Prosessoren aner ikke at du vil at de skal samarbeide om lage en webside.

instagram viewer

Du kan fikse dette ved å legge til en uttalelse øverst i XML-dokumentet som identifiserer banen til CSS-filen. Uttalelsen går direkte under den første XML-erklæringen.

instagram story viewer