एक्सएमएल दस्तावेज़ बनाना, डीटीडी लिखना, और इसे ब्राउज़र से पार्स करना सब ठीक है, लेकिन जब आप इसे देखेंगे तो दस्तावेज़ कैसे प्रदर्शित होगा? एक्सएमएल प्रस्तुति की भाषा नहीं है। XML के साथ लिखे गए दस्तावेज़ों में कोई स्वरूपण नहीं होगा।
एक्सएमएल कैसे देखें
ब्राउज़र में XML देखने की कुंजी कैस्केडिंग स्टाइल शीट्स है। स्टाइल शीट आपको अपने एक्सएमएल दस्तावेज़ के हर पहलू को परिभाषित करने की अनुमति देती है, आपके टेक्स्ट के आकार और रंग से पृष्ठभूमि और आपके गैर-टेक्स्ट ऑब्जेक्ट्स की स्थिति तक।
मान लें कि आपके पास एक XML दस्तावेज़ है:
]>
जमीमा
लेयर्ड
जेनिफर
ब्रेंडन
यदि आप उस दस्तावेज़ को किसी XML तैयार ब्राउज़र, जैसे Internet Explorer में देखना चाहते हैं, तो यह कुछ इस तरह प्रदर्शित करेगा:
जूडी लेयर्ड जेनिफर ब्रेंडन
लेकिन क्या होगा यदि आप माता-पिता और बाल तत्वों के बीच अंतर करना चाहते हैं? या यहां तक कि दस्तावेज़ में सभी तत्वों के बीच एक दृश्य भेद करें। आप एक्सएमएल के साथ ऐसा नहीं कर सकते हैं, और यह ऐसी भाषा नहीं है जिसका उपयोग प्रदर्शन के लिए किया जाना है।
स्टाइलिंग एक्सएमएल
लेकिन सौभाग्य से, इसका उपयोग करना आसान है
व्यापक शैली पत्रक, या सीएसएस, XML दस्तावेज़ों में यह परिभाषित करने के लिए कि आप ब्राउज़र में देखे जाने पर उन दस्तावेज़ों और अनुप्रयोगों को कैसे प्रदर्शित करना चाहते हैं। उपरोक्त दस्तावेज़ के लिए, आप प्रत्येक टैग की शैली को उसी तरह परिभाषित कर सकते हैं जैसे आप HTML दस्तावेज़ में करते हैं।उदाहरण के लिए, HTML में आप पैराग्राफ टैग के भीतर सभी टेक्स्ट को परिभाषित करना चाह सकते हैं (
पी {
फ़ॉन्ट-परिवार: वर्दाना, जिनेवा, हेल्वेटिका;
पृष्ठभूमि-रंग: #00ff00;
}
XML दस्तावेज़ों के लिए समान नियम काम करते हैं। XML में प्रत्येक टैग को XML दस्तावेज़ में परिभाषित किया जा सकता है:
परिवार {
रंग: #000000;
}
माता पिता {
फ़ॉन्ट-परिवार: एरियल ब्लैक;
रंग: #ff0000;
सीमा: ठोस 5px;
चौड़ाई: 300 पीएक्स;
}
बच्चा {
फ़ॉन्ट-परिवार: वर्दाना, हेल्वेटिका;
रंग: #cc0000;
सीमा: ठोस 5px;
सीमा-रंग: #cc0000;
}
एक बार जब आपके पास आपका एक्सएमएल दस्तावेज़ हो और आपकी स्टाइलशीट लिखी जाए, तो आपको उन्हें एक साथ रखना होगा। एचटीएमएल में लिंक कमांड के समान, आप अपने एक्सएमएल दस्तावेज़ (एक्सएमएल घोषणा के नीचे) के शीर्ष पर एक लाइन डालते हैं, एक्सएमएल पार्सर को स्टाइलशीट कहां ढूंढते हैं। उदाहरण के लिए:
जैसा कि ऊपर कहा गया है, यह रेखा घोषणा के नीचे लेकिन XML दस्तावेज़ में किसी भी तत्व से पहले पाई जानी चाहिए।
यह सब एक साथ रखकर, आपका XML दस्तावेज़ पढ़ेगा:
]>
जमीमा
लेयर्ड
जेनिफर
ब्रेंडन