अपनी वेबसाइट पर एप्लिकेशन-शैली का अनुभव बनाएं
डायनामिक एचटीएमएल (डीएचटीएम) आपको अपनी वेबसाइटों पर एप्लिकेशन-स्टाइल अनुभव बनाने की अनुमति देता है, जिससे आवृत्ति को कम किया जाता है कि पूरे पृष्ठों को पूरी तरह से लोड किया जाना चाहिए। अनुप्रयोगों में, जब आप किसी चीज़ पर क्लिक करते हैं, तो एप्लिकेशन उस विशिष्ट सामग्री को दिखाने के लिए तुरंत बदलता है या आपको अपना उत्तर प्रदान करता है।
इसके विपरीत, वेबपृष्ठों को आम तौर पर पुनः लोड करना होता है, या एक नया नया पृष्ठ लोड किया जाना चाहिए। यह उपयोगकर्ता अनुभव को और अधिक निराश कर सकता है। आपके ग्राहकों को पहले पृष्ठ को लोड करने की प्रतीक्षा करनी है और फिर दूसरे पृष्ठ को लोड करने के लिए फिर से प्रतीक्षा करें, और इसी तरह।
& Lt; div & gt; का उपयोग करना दर्शक अनुभव में सुधार करने के लिए
डीएचटीएम का उपयोग करना, इस अनुभव को बेहतर बनाने के सबसे आसान तरीकों में से एक यह है कि जब अनुरोध किया जाता है तो सामग्री को प्रदर्शित करने के लिए div तत्व टॉगल चालू और बंद होते हैं। एक div तत्व आपके वेबपृष्ठ पर तार्किक विभाजन को परिभाषित करता है। एक div के रूप में एक बॉक्स के रूप में सोचें जिसमें पैराग्राफ, शीर्षक, लिंक, छवियां, और यहां तक कि अन्य div भी हो सकते हैं।
आपको क्या चाहिए
एक div बनाने के लिए जिसे चालू और बंद किया जा सकता है, आपको निम्न की आवश्यकता है:
- क्लिक करते समय इसे चालू और बंद करके div को नियंत्रित करने के लिए एक लिंक
- दिखाने और छिपाने के लिए div
- छुपा या दृश्य div शैली शैली के लिए सीएसएस
- कार्रवाई करने के लिए जावास्क्रिप्ट
नियंत्रण लिंक
नियंत्रण लिंक सबसे आसान हिस्सा है। बस एक लिंक बनाएं जैसे आप दूसरे पेज पर करेंगे। अभी के लिए, href विशेषता खाली छोड़ दें।
HTML जानेंइसे अपने वेबपृष्ठ पर कहीं भी रखें।
दिखाने और छिपाने के लिए div
वह div तत्व बनाएं जिसे आप दिखाना और छिपाना चाहते हैं। सुनिश्चित करें कि आपके div पर एक अनूठी आईडी है। उदाहरण में, अद्वितीय आईडी HTML सीखती है ।
यह सामग्री कॉलम है। यह स्पष्टीकरण पाठ को छोड़कर खाली हो जाता है। बाईं ओर नेविगेशन कॉलम में आप जो सीखना चाहते हैं उसे चुनें। पाठ नीचे दिखेगा: p> अपने सीएसएस के लिए दो कक्षाएं बनाएं: एक को div और दूसरे को दिखाने के लिए इसे छुपाने के लिए। इसके लिए आपके पास दो विकल्प हैं: प्रदर्शन और दृश्यता। प्रदर्शन पृष्ठ प्रवाह से div को हटा देता है, और दृश्यता केवल यह बदलती है कि यह कैसा दिखता है। कुछ कोडर प्रदर्शन पसंद करते हैं , लेकिन कभी-कभी दृश्यता भी समझ में आता है। उदाहरण के लिए: यदि आप दृश्यता का उपयोग करना चाहते हैं, तो इन कक्षाओं को यहां बदलें: छुपा वर्ग को अपने div में जोड़ें ताकि यह पृष्ठ पर छिपे हुए जैसा शुरू हो: यह सब स्क्रिप्ट आपके div पर वर्तमान वर्ग सेट को देखती है और इसे छिपी हुई या इसके विपरीत चिह्नित होने पर इसे अनदेखा करने के लिए टॉगल करती है। यह जावास्क्रिप्ट की केवल कुछ पंक्तियां है। अपने एचटीएमएल दस्तावेज़ के सिर में निम्नलिखित रखें ( यह स्क्रिप्ट क्या करती है, रेखा से रेखा: स्क्रिप्ट को काम करने के लिए, आपको एक और चीज करने की ज़रूरत है। अपने लिंक पर वापस जाएं और जावा विशेषता में जावास्क्रिप्ट जोड़ें। इस href में आपके div नामित सटीक अद्वितीय आईडी का उपयोग करना सुनिश्चित करें: बधाई! अब आपके पास एक div है जो किसी भी लिंक पर क्लिक करते समय दिखाएगा और छुपाएगा। यह स्क्रिप्ट मूर्ख-प्रमाण नहीं है। ऐसी कुछ स्थितियां हैं जिनमें यह आपके लिए समस्याएं पैदा कर सकती है: आपको हमेशा अपने ग्राहकों के साथ डायनामिक एचटीएमएल का परीक्षण करना चाहिए। एक बार जब आप आत्मविश्वास महसूस कर लें कि वे इसे समझ और उपयोग कर सकते हैं, तो यह आपके वेबपृष्ठों पर बड़ी संख्या में सामग्री प्राप्त किए बिना बड़ी मात्रा में सामग्री प्राप्त करने का एक शानदार तरीका हो सकता है। HTML जानें h3>
डीवी दिखाने और छिपाने के लिए सीएसएस
इसे काम करने के लिए जावास्क्रिप्ट
के लिए बाहर देखने के लिए संभावित समस्याएं