Skip to main content

Så här visar du XML på en webbsida med hjälp av CSS

Dreambox 520/525 richtig flashen | Deutsch (April 2025)

Dreambox 520/525 richtig flashen | Deutsch (April 2025)
Anonim

Om du är bekant med hur CSS-format HTML-sidor kan du uppskatta begreppet formatering. Vid starten av XML-märkningsspråket var visning av data lite komplicerat, men det ändrades med stilark.

Genom att lägga till en stilarkreferens kan du formatera och visa din XML-kod som en webbsida. Utan CSS eller någon annan formatering visas XML som grundtext med ett fel som anger att webbläsaren inte kunde hitta ett formateringsdokument.

XML Styling Exempel

Ett enkelt stilark kräver bara att du listar elementet och formateringsattributen som är nödvändiga för att visa data.

Denna bit av kod berättar processorn vilka element som ska visas och hur de ska se på webbsidan, så här:

Den första raden i formateringsfilen är rotelementet. Attributen till roten gäller hela sidan, men du ändrar dem för varje tagg. Det betyder att du kan ange bakgrundsfärgen för sidan och sedan igen för varje sektion.

Spara den här filen i samma katalog som din XML-fil och se till att den har filtypen .CSS.

Länk till CSS från XML

Vid dessa tillfällen är det två helt separata dokument. Processorn har ingen aning om att du vill att de ska arbeta tillsammans för att skapa en webbsida.

Du kan åtgärda detta genom att lägga till ett uttalande längst upp i XML-dokumentet som identifierar sökvägen till CSS-filen. Uttalandet går direkt under den ursprungliga XML-deklarationen, så här:

I det här exemplet heter CSS-filen products.css , varför den är märkt som sådan i XML-dokumentet. Ändra det till vilket filnamn du valde för CSS-filen.