Sådan vises XML på en webside ved hjælp af CSS

click fraud protection

Hvis du er fortrolig med hvordan CSS stilarter HTML sider, vil du sætte pris på begrebet formatering. Ved starten af XML markup sprog, visning af data var lidt kompliceret, men det ændrede sig med stilark.

Ved at tilføje en stilarkhenvisning kan du formatere og vise din XML-kode som en webside. Uden CSS eller anden formatering vises XML som grundtekst med en fejl, der siger, at browseren ikke kunne finde et formateringsdokument.

XML Styling

Et simpelt stilark kræver kun, at du angiver elementet og de formateringsattributter, der er nødvendige for at få vist dataene.

Den første linje i formateringsfilen er rodelementet. Attributterne for roden gælder for hele siden, men du ændrer dem for hvert tag. Dette betyder, at du kan udpege baggrundsfarven for siden og derefter igen for hvert afsnit.

Gem din fil i den samme mappe som din XML-fil, og sørg for, at den har .CSS-filtypen.

Link til CSS Fra XML

På dette tidspunkt er disse to helt separate dokumenter. Processoren har ingen idé om, at du vil have dem til at arbejde sammen om oprette en webside.

instagram viewer

Du kan rette dette ved at tilføje en erklæring øverst i XML-dokumentet, der identificerer stien til CSS-filen. Erklæringen går direkte under den oprindelige XML-erklæring.

instagram story viewer