द्वारा शर्लिन खान

XML डेटा को वेबपेज के भाग के रूप में देखने के लिए, आप XSLT का उपयोग कर सकते हैं; ब्राउज़र स्वयं यह क्षमता प्रदान नहीं करते हैं।

आप जैसे पाठक MUO का समर्थन करने में मदद करते हैं। जब आप हमारी साइट पर लिंक का उपयोग करके खरीदारी करते हैं, तो हम संबद्ध कमीशन अर्जित कर सकते हैं। और पढ़ें।

XML एक ऐसी भाषा है जिसका उपयोग डेटा की संरचना, भंडारण और विनिमय के लिए किया जाता है। XSLT एक अन्य भाषा है जो आपको अपने XML डेटा को HTML जैसे अन्य स्वरूपों में बदलने की अनुमति देती है।

आप HTML वेबपेज पर XML डेटा प्रदर्शित करने के लिए XSLT का उपयोग कर सकते हैं। अपने डेटा को प्रदर्शित करने के लिए XML और XSLT का उपयोग करना उपयोगी हो सकता है, क्योंकि यह आपको डेटा को इस तरह से संरचित करने की अनुमति देता है जो आपकी विशिष्ट आवश्यकताओं के लिए उपयुक्त हो।

XML फ़ाइल में उदाहरण डेटा कैसे जोड़ें

किसी वेबपेज पर XML डेटा प्रदर्शित करने के लिए, आपको सबसे पहले XML फ़ाइल बनानी होगी और उसमें डेटा जोड़ना होगा।

  1. नामक एक नई फाइल बनाएं data.xml.
  2. XML फ़ाइल के अंदर, एन्कोडिंग और XML संस्करण घोषित करें: 
     1.0 यूटीएफ-8?>
  3. XML फ़ाइल को XSL स्टाइलशीट फ़ाइल से लिंक करें, जिसे आप बाद के चरण में बनाएंगे। 
     पाठ/एक्सएसएल xmlstylesheet.xsl?>
  4. XML फ़ाइल में डेटा जोड़ें। XML में संरचित डेटा होता है, और प्रत्येक डेटा बिंदु को एक अलग टैग में संग्रहीत करता है। इस उदाहरण में एक रूट टैग शामिल है जिसे कहा जाता है खेल. के अंदर खेल टैग, प्रत्येक व्यक्तिगत गेम को अपने अंदर स्टोर करें खेल उपनाम। प्रत्येक गेम के लिए डेटा स्टोर करें जैसे कि नाम और डेवलपर अलग टैग में। 
     1.0 यूटीएफ-8?>
     पाठ/एक्सएसएल xmlstylesheet.xsl?>
    <खेल>
    <खेल>
    <नाम>द लास्ट ऑफ अस पार्ट IIनाम>
    <डेवलपर>शरारती कुत्ताडेवलपर>
    खेल>
    <खेल>
    <नाम>त्सुशिमा का भूतनाम>
    <डेवलपर>सकर पंच प्रोडक्शंसडेवलपर>
    खेल>
    <खेल>
    <नाम>डेथ स्ट्रैंडिंगनाम>
    <डेवलपर>कोजिमा प्रोडक्शंसडेवलपर>
    खेल>
    खेल>

XML फ़ाइल से डेटा पढ़ने के लिए XSLT का उपयोग कैसे करें

XML पृष्ठ में प्रत्येक डेटा बिंदु के माध्यम से लूप करने के लिए एक नई XSL फ़ाइल बनाएँ और डेटा प्रदर्शित करें।

  1. आपकी XML फ़ाइल के समान फ़ोल्डर में, एक नई फ़ाइल बनाएँ, जिसे xmlstylesheet.xsl.
  2. फ़ाइल के अंदर, XSL संस्करण घोषित करें, और मूल XSL टैग संरचना जोड़ें: 
     1.0 यूटीएफ-8?>
    <एक्सएसएल: स्टाइलशीटसंस्करण="1.0"एक्सएमएलएनएस: एक्सएसएल=" http://www.w3.org/1999/XSL/Transform">
    // आपका कोड यहाँ
    एक्सएसएल: स्टाइलशीट>
  3. मुख्य XSL टैग के अंदर, एक जोड़ें खाका उपनाम। यह वह जगह है जहाँ आप अपने XML डेटा को प्रदर्शित और स्टाइल करने के लिए कस्टम HTML कोड जोड़ सकते हैं। 
    <एक्सएसएल: टेम्पलेटमिलान="/">
    <एचटीएमएल>
    <शरीर>
    // आपका एचटीएमएल कोड यहां है
    शरीर>
    एचटीएमएल>
    एक्सएसएल: टेम्पलेट>
  4. बॉडी टैग के अंदर, का उपयोग करें एक्सएसएल: प्रत्येक के लिए टैग चयनकर्ता। यह प्रत्येक के माध्यम से लूप टू लूप के रूप में कार्य करेगा खेल टैग के नीचे नेस्टेड खेल उपनाम। 
    <एक्सएसएल: प्रत्येक के लिएचुनना="खेल/खेल">

    एक्सएसएल: प्रत्येक के लिए>
  5. प्रत्येक लूप के अंदर, का उपयोग करके नाम और डेवलपर डेटा बिंदु प्रदर्शित करें एक्सएसएल: मूल्य का टैग चयनकर्ता। 
    <एक्सएसएल: मूल्य काचुनना="नाम" />
    <एक्सएसएल: मूल्य काचुनना="डेवलपर" />

HTML वेबपेज पर डेटा कैसे प्रदर्शित करें

डेटा को वेबपेज के भाग के रूप में देखने के लिए आप XSLT या XML फ़ाइल को सीधे ब्राउज़र में खोलने में सक्षम नहीं होंगे। एक नई HTML फ़ाइल बनाएँ, और a का उपयोग करके डेटा रेंडर करें iframe उपनाम।

  1. आपकी XML और XSL फ़ाइलों के समान फ़ोल्डर में, एक नई फ़ाइल बनाएँ, जिसे index.html.
  2. HTML फ़ाइल की मूल संरचना जोड़ें। यदि आपने पहले HTML का उपयोग नहीं किया है, तो आप ब्रश कर सकते हैं परिचयात्मक HTML अवधारणाएँ. 
    एचटीएमएल>
    <एचटीएमएल>
    <सिर>
    <शीर्षक>एक्सएमएल और एक्सएसएलटी उदाहरणशीर्षक>
    सिर>
    <शरीर>


    शरीर>
    एचटीएमएल>
  3. के अंदर शरीर टैग, एक का उपयोग करें iframe XML फ़ाइल और XSL फ़ाइल से लिंक करने के लिए टैग करें: 
    <एच 1>एक्सएमएल और एक्सएसएलटी उदाहरणएच 1>
    <पी>निम्न सामग्री एक XML फ़ाइल से उत्पन्न होती है:पी>
    <iframeस्रोत="डेटा.एक्सएमएल"xslt="xmlstylesheet.xsl">iframe>
  4. नामक एक नई फाइल बनाएं Styles.css.
  5. फ़ाइल के अंदर, अपने वेबपेज को स्टाइल देने के लिए कुछ CSS जोड़ें। अन्य दिलचस्प का उपयोग करके अपने सीएसएस को बेझिझक संशोधित करें सीएसएस टिप्स और ट्रिक्स. 
    एचटीएमएल,
    शरीर {
     ऊंचाई: 100%;
     मार्जिन: 0;
    }
    शरीर {
     डिस्प्ले: फ्लेक्स;
     औचित्य-सामग्री: केंद्र;
     संरेखित-आइटम: केंद्र;
     फ्लेक्स-दिशा: स्तंभ;
    }
    पी {
     मार्जिन-बॉटम: 24px;
    }
  6. HTML हेड टैग में निम्नलिखित जोड़कर अपनी HTML फ़ाइल को CSS स्टाइल से लिंक करें। 
    <जोड़नासंबंधित="शैली पत्रक"href="शैलियाँ.सीएसएस">
  7. अपना XML डेटा देखने के लिए ब्राउज़र का उपयोग करके अपनी HTML फ़ाइल खोलें। कुछ ब्राउज़र XSLT का समर्थन नहीं करते, लेकिन कुछ ब्राउज़र जैसे Firefox करते हैं।

HTML वेबपेजों में डेटा प्रदर्शित करें

HTML वेबपृष्ठों में डेटा प्रदर्शित करने के कई तरीके हैं, XML और XSLT उनमें से एक हैं। जावास्क्रिप्ट का उपयोग करके उपयोगकर्ता इनपुट को संग्रहीत और प्रदर्शित करने जैसे अन्य तरीकों का पता लगाने के लिए स्वतंत्र महसूस करें।

हमारे न्युजलेटर की सदस्यता प्राप्त करें

टिप्पणियाँ

शेयर करनाकरेंशेयर करनाशेयर करनाशेयर करना
प्रतिलिपि
ईमेल
शेयर करना
शेयर करनाकरेंशेयर करनाशेयर करनाशेयर करना
प्रतिलिपि
ईमेल

लिंक को क्लिपबोर्ड पर कॉपी किया गया

संबंधित विषय

  • प्रोग्रामिंग
  • एचटीएमएल
  • सीएसएस
  • वेब विकास

लेखक के बारे में

शर्लिन खान (76 लेख प्रकाशित)

शे एक सॉफ्टवेयर डेवलपर के रूप में पूर्णकालिक काम करता है और दूसरों की मदद करने के लिए गाइड लिखने का आनंद लेता है। उसके पास आईटी स्नातक है और गुणवत्ता आश्वासन और शिक्षण में पिछला अनुभव है। शे को गेमिंग और पियानो बजाना बहुत पसंद है।