Τρόπος εμφάνισης XML σε μια ιστοσελίδα χρησιμοποιώντας CSS

click fraud protection

Εάν είστε εξοικειωμένοι με τον τρόπο CSS στυλ HTML σελίδες, θα εκτιμήσετε την έννοια της μορφοποίησης. Κατά την έναρξη του XML γλώσσα σήμανσης, η εμφάνιση δεδομένων ήταν λίγο περίπλοκη, αλλά αυτό άλλαξε με φύλλα στυλ.

Προσθέτοντας μια αναφορά φύλλου στυλ, μπορείτε να μορφοποιήσετε και να εμφανίσετε τον κώδικα XML ως ιστοσελίδα. Χωρίς CSS ή κάποια άλλη μορφοποίηση, το XML εμφανίζεται ως βασικό κείμενο με σφάλμα που δηλώνει ότι το πρόγραμμα περιήγησης δεν μπόρεσε να βρει ένα έγγραφο μορφοποίησης.

Στυλ XML

Ένα απλό φύλλο στυλ απαιτεί μόνο να αναφέρετε το στοιχείο και τα χαρακτηριστικά μορφοποίησης που είναι απαραίτητα για την εμφάνιση των δεδομένων.

Η πρώτη γραμμή του αρχείου μορφοποίησης είναι το ριζικό στοιχείο. Τα χαρακτηριστικά για τη ρίζα ισχύουν για ολόκληρη τη σελίδα, αλλά τα αλλάζετε για κάθε ετικέτα. Αυτό σημαίνει ότι μπορείτε να ορίσετε το χρώμα φόντου για τη σελίδα και, στη συνέχεια, ξανά για κάθε ενότητα.

Αποθηκεύστε το αρχείο σας στον ίδιο κατάλογο με το αρχείο XML και βεβαιωθείτε ότι έχει την επέκταση αρχείου .CSS.

instagram viewer

Σύνδεση με το CSS Από το XML

Σε αυτό το σημείο, αυτά είναι δύο εντελώς ξεχωριστά έγγραφα. Ο επεξεργαστής δεν έχει ιδέα ότι θέλετε να συνεργάζονται δημιουργία ιστοσελίδας.

Μπορείτε να το επιδιορθώσετε προσθέτοντας μια δήλωση στην κορυφή του εγγράφου XML που προσδιορίζει τη διαδρομή προς το αρχείο CSS. Η δήλωση πηγαίνει απευθείας κάτω από την αρχική δήλωση δήλωσης XML.

instagram story viewer