Comment afficher XML sur une page Web à l'aide de CSS

click fraud protection

Si vous savez comment CSS modes HTML pages, vous apprécierez le concept de mise en forme. Au début de la XML langage de balisage, l'affichage des données était un peu compliqué, mais cela a changé avec les feuilles de style.

En ajoutant une référence de feuille de style, vous pouvez formater et afficher votre code XML sous forme de page Web. Sans CSS ou autre formatage, XML apparaît sous forme de texte de base avec une erreur indiquant que le navigateur n'a pas pu trouver de document de formatage.

Style XML

Une feuille de style simple nécessite seulement de lister l'élément et les attributs de mise en forme nécessaires pour afficher les données.

La première ligne du fichier de formatage est l'élément racine. Les attributs de la racine s'appliquent à toute la page, mais vous les modifiez pour chaque balise. Cela signifie que vous pouvez désigner la couleur d'arrière-plan de la page, puis de nouveau pour chaque section.

Enregistrez votre fichier dans le même répertoire que votre fichier XML et assurez-vous qu'il porte l'extension de fichier .CSS.

instagram viewer

Lien vers le CSS à partir du XML

À ce stade, il s'agit de deux documents totalement distincts. Le processeur n'a aucune idée que vous voulez qu'ils travaillent ensemble pour créer une page internet.

Vous pouvez résoudre ce problème en ajoutant une instruction en haut du document XML qui identifie le chemin d'accès au fichier CSS. L'instruction passe directement sous l'instruction de déclaration XML initiale.

instagram story viewer