CSS का उपयोग करके वेब पेज पर XML कैसे प्रदर्शित करें

यदि आप इससे परिचित हैं कि कैसे सीएसएस शैलियों एचटीएमएल पृष्ठ, आप स्वरूपण की अवधारणा की सराहना करेंगे। की शुरुआत में एक्सएमएल मार्कअप भाषा, डेटा प्रदर्शित करना थोड़ा जटिल था, लेकिन स्टाइल शीट के साथ यह बदल गया।

स्टाइलशीट संदर्भ जोड़कर, आप अपने एक्सएमएल कोड को वेब पेज के रूप में प्रारूपित और प्रदर्शित कर सकते हैं। CSS या किसी अन्य स्वरूपण के बिना, XML एक त्रुटि के साथ मूल पाठ के रूप में प्रकट होता है जो बताता है कि ब्राउज़र को स्वरूपण दस्तावेज़ नहीं मिला।

एक्सएमएल स्टाइलिंग

एक साधारण स्टाइल शीट के लिए केवल यह आवश्यक है कि आप डेटा प्रदर्शित करने के लिए आवश्यक तत्व और स्वरूपण विशेषताओं को सूचीबद्ध करें।

स्वरूपण फ़ाइल की पहली पंक्ति मूल तत्व है। रूट की विशेषताएँ पूरे पृष्ठ पर लागू होती हैं, लेकिन आप उन्हें प्रत्येक टैग के लिए बदल देते हैं। इसका मतलब है कि आप पृष्ठ के लिए पृष्ठभूमि रंग निर्दिष्ट कर सकते हैं और फिर प्रत्येक अनुभाग के लिए फिर से निर्दिष्ट कर सकते हैं।

अपनी फ़ाइल को उसी निर्देशिका में सहेजें जिसमें आपकी XML फ़ाइल है, और सुनिश्चित करें कि इसमें .CSS फ़ाइल एक्सटेंशन है।

XML से CSS से लिंक करें

इस बिंदु पर, ये दो पूरी तरह से अलग दस्तावेज़ हैं। प्रोसेसर को पता नहीं है कि आप चाहते हैं कि वे एक साथ काम करें एक वेब पेज बनाएं.

आप XML दस्तावेज़ के शीर्ष पर एक कथन जोड़कर इसे ठीक कर सकते हैं जो CSS फ़ाइल के पथ की पहचान करता है। कथन सीधे प्रारंभिक XML घोषणा विवरण के अंतर्गत आता है।