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