XML op een webpagina weergeven met CSS

Als je bekend bent met hoe CSS stijlen HTML pagina's, zult u het concept van opmaak waarderen. Bij het begin van de XML opmaaktaal, het weergeven van gegevens was een beetje ingewikkeld, maar dat veranderde met stylesheets.

Door een stylesheetverwijzing toe te voegen, kunt u uw XML-code opmaken en weergeven als een webpagina. Zonder CSS of een andere opmaak verschijnt XML als basistekst met een fout die aangeeft dat de browser geen opmaakdocument kon vinden.

XML-opmaak

Een eenvoudig stijlblad vereist alleen dat u het element en de opmaakkenmerken vermeldt die nodig zijn om de gegevens weer te geven.

De eerste regel van het opmaakbestand is het root-element. De attributen voor de root zijn van toepassing op de hele pagina, maar u wijzigt ze voor elke tag. Dit betekent dat u de achtergrondkleur voor de pagina kunt aangeven en vervolgens voor elke sectie.

Sla uw bestand op in dezelfde map als uw XML-bestand en zorg ervoor dat het de .CSS-bestandsextensie heeft.

Link naar de CSS Vanuit de XML

instagram viewer

Op dit moment zijn dit twee volledig afzonderlijke documenten. De processor heeft geen idee dat je wilt dat ze samenwerken om een webpagina maken.

U kunt dit oplossen door boven aan het XML-document een instructie toe te voegen die het pad naar het CSS-bestand identificeert. De instructie gaat direct onder de oorspronkelijke XML-declaratieverklaring.