Als u bekend bent met de HTML-pagina's van CSS-stijlen, zult u het concept van opmaak waarderen. Bij het begin van de XML-markeertaal was het weergeven van gegevens een beetje ingewikkeld, maar dat veranderde met stijlpagina's.
Door een verwijzing naar een stijlblad 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 foutmelding dat de browser geen opmaakdocument kon vinden.
XML Styling Voorbeeld
Voor een eenvoudig stylesheet hoeft u alleen het element en de opmaakkenmerken op te geven die nodig zijn om de gegevens weer te geven.
Dit stukje code vertelt de processor welke elementen moeten worden weergegeven en hoe ze er op de webpagina moeten uitzien, zoals dit:
De eerste regel van het opmaakbestand is het rootelement. De kenmerken 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 en vervolgens opnieuw voor elke sectie kunt aangeven.
Bewaar dit bestand in dezelfde map als uw XML-bestand en zorg ervoor dat het de .CSS-bestandsextensie heeft.
Link naar de CSS vanuit de XML
Op dit punt zijn dit twee volledig afzonderlijke documenten. De processor heeft geen idee dat u wilt dat ze samenwerken om een webpagina te maken.
U kunt dit oplossen door een instructie toe te voegen aan de bovenkant van het XML-document die het pad naar het CSS-bestand identificeert. De verklaring gaat direct onder de initiële XML-verklaring, zoals deze:
In dit voorbeeld wordt het CSS-bestand aangeroepen products.css , daarom is het als zodanig gemarkeerd in het XML-document. Wijzig dat in elke bestandsnaam die u hebt gekozen voor het CSS-bestand.
