Créer un document XML, écrire la DTD et l'analyser à l'aide d'un navigateur, c'est bien, mais comment affichera-t-on le document? XML n'est pas une langue d'affichage. En fait, les documents écrits avec XML n'auront aucune mise en forme.
Alors, comment voir mon XML?
Les feuilles de style en cascade sont la clé de l'affichage du code XML dans un navigateur. Les feuilles de style vous permettent de définir tous les aspects de votre document XML, de la taille et de la couleur de votre texte à l’arrière-plan et à la position de vos objets autres que du texte.
Disons que vous avez un document XML:
>
Si vous visualisiez ce document dans un navigateur compatible XML, tel qu'Internet Explorer, il afficherait quelque chose comme ceci:
Judy Layard Jennifer Brendan
Mais que faire si vous voulez différencier les éléments parent et enfant? Ou même faire une distinction visuelle entre tous les éléments du document. Vous ne pouvez pas faire cela avec XML, et ce n'est pas un langage qui doit être utilisé pour l'affichage.
Heureusement, il est facile d’utiliser des feuilles de style en cascade (CSS) dans des documents XML pour définir le mode d’affichage de ces documents et applications lorsqu’ils sont affichés dans un navigateur. Pour le document ci-dessus, vous pouvez définir le style de chacune des balises de la même manière que vous le feriez pour un document HTML.
Par exemple, en HTML, vous pouvez définir tout le texte dans les balises de paragraphe () avec la police Verdana, Geneva ou Helvetica et la couleur d’arrière-plan verte. Pour définir cela dans une feuille de style de manière à ce que tous les paragraphes soient ainsi, écrivez:
p {
famille de polices: verdana, geneva, helvetica;
couleur de fond: # 00ff00;
}
Les mêmes règles fonctionnent pour les documents XML. Chaque balise XML peut être définie dans le document XML:
famille {
couleur: # 000000;
}
parent {
famille de polices: Arial Black;
couleur: # ff0000;
bordure: 5px solide;
largeur: 300px;
}
enfant {
famille de polices: verdana, helvetica;
couleur: # cc0000;
bordure: 5px solide;
couleur de bordure: # cc0000;
}
Une fois que vous avez votre document XML et que votre feuille de style est écrite, vous devez les assembler. Semblable à la commande link en HTML, vous placez une ligne en haut de votre document XML (sous la déclaration XML), indiquant à l'analyseur XML où trouver la feuille de style. Par exemple:
Comme indiqué ci-dessus, cette ligne doit se trouver sous la déclaration <? Xml?>, Mais avant l'un des éléments du document XML.
En réunissant tout cela, votre document XML se lirait comme suit:
>
