CSS सह XML नोंदणी शैलीत करणे

आपले एक्सएमएल लुक आपण ते कॅस्केडिंग स्टाइल शीट्ससह कसे इच्छिता?

एक XML दस्तऐवज तयार करणे, DTD लिहिणे, आणि ब्राउझरसह ते पार्स करणे सर्व ठीक आहे, परंतु आपण ते पाहता तेव्हा कागदजत्र कसे प्रदर्शित होईल? एक्सएमएल प्रदर्शनाच्या भाषा नाही. खरेतर, एक्सएमएलमध्ये लिहिलेले कागदजत्र कोणत्याही स्वरुपात नसेल.

तर, मी माझे एक्सएमएल कसे पहावे?

ब्राउझरमध्ये एक्सएमएल पाहण्याची किल्ली म्हणजे कॅस्केडिंग स्टाइल शीट्स. शैली पत्रके आपल्या XML दस्तऐवजाच्या प्रत्येक पैलूस आपल्या मजकूराचा आकार आणि रंगापासून पार्श्वभूमीपर्यंत आणि आपल्या बिगर-पाठ्य ऑब्जेक्ट्सच्या स्थानापर्यंत आपण परिभाषित करू देतात.

समजा तुमच्याकडे एक्सएमएल दस्तऐवज आहे:

]> <कुटुंब> <पालक> जुडी लेआर्ड जेनिफर ब्रेंडन

जर आपण त्या दस्तऐवजला एक्सएमएल तयार ब्राउझरमध्ये पहायला लावला असेल, जसे इंटरनेट एक्स्प्लोरर, तर असे काहीतरी दिसेल:

जुडी लार्ड जेनिफर ब्रेंडन

परंतु पालक आणि मूल तत्व यांच्यामध्ये फरक करायचा असेल तर काय? किंवा डॉक्युमेंटमधील सर्व एलिमेंट्स मध्ये व्हिज्युअल भेददेखील बनवा. आपण असे करू शकत नाही एक्स एम एल सह, आणि तो एक भाषा नाही जे डिस्प्ले वापरण्यासाठी आहे.

पण सुदैवाने, एक्सएमएल दस्तऐवजांमध्ये कॅस्केडिंग स्टाइल शीटस , किंवा सीएसएस वापरणे सोपे होते, जे एका ब्राऊजरमध्ये पाहताना आपण त्या कागदपत्रांची आणि अनुप्रयोगांना कशी प्रदर्शित करू इच्छिता ते स्पष्ट करतात. वरील दस्तऐवजासाठी, आपण एचटीएमएल दस्तऐवजाच्या तशाच पद्धतीने प्रत्येक टॅगची शैली निश्चित करू शकता.

उदाहरणार्थ, एचटीएमएलमध्ये तुम्हाला सर्व मजकूर फॉरट फेस, जिनिव्हा, किंवा हेल्व्हटिका आणि बॅकग्राऊंडग्राउंड रंगासह पॅराग्राफ टॅग्जमध्ये (

) मजकूर परिभाषित करायचा असेल. हे स्टाईलशीटमध्ये स्पष्ट करण्यासाठी जेणेकरून सर्व परिच्छेद असे असतील, आपण असे लिहू:

पी {फॉन्ट-कुटुंब: वर्डाना, जिनिव्हा, हेल्व्हटिका; पार्श्वभूमी-रंग: # 00ff00; }

समान नियम XML दस्तऐवजांसाठी कार्य करतात एक्स एम एल मधील प्रत्येक टॅग XML दस्तऐवजात परिभाषित केला जाऊ शकतो:

कुटुंब {रंग: # 000000; } पालक {फॉन्ट-कुटुंब: एरियल ब्लॅक; रंग: # एफएफ 0000; सीमा: घन 5px; रुंदीः 300 पिक्सेल; } child {font-family: verdana, helvetica; रंग: # सीसी 0000; सीमा: घन 5px; सीमा-रंग: # सीसी 0000; }

एकदा आपल्याकडे आपले XML दस्तऐवज आले आणि आपले स्टिकशीट लिहीले गेले, की आपल्याला त्यांना एकत्रित करणे आवश्यक आहे. एचटीएमएलमधील लिंक कमांड प्रमाणेच, आपण आपल्या XML दस्तऐवजाच्या शीर्षस्थानी एक ओळ ठेवतो (XML घोषणा खाली), एक्सएमएल विश्लेषकांना स्टिलीशीट कुठे शोधायचे ते सांगणे. उदाहरणार्थ:

मी वर सांगितल्याप्रमाणे, ही ओळ घोषणापत्राच्या खाली आढळली पाहिजे परंतु XML दस्तऐवजातील कोणत्याही घटकापूर्वी.

हे सर्व एकत्रित केल्याने, आपले XML दस्तऐवज वाचू शकेल:

< ! ELEMENT CHILD (#PCDATA)>]> <कुटुंब> Judy लेयर जेनिफर <ब्रॅंडन