यदि आप आज किसी भी वेबपृष्ठ के लिए एचटीएमएल मार्कअप देखते हैं, तो आप अन्य एचटीएमएल तत्वों के भीतर एचटीएमएल तत्वों को देखेंगे। ये तत्व जो दूसरे के "अंदर" हैं, उन्हें "नेस्टेड तत्व" के रूप में जाना जाता है, और वे आज किसी भी वेब पेज के निर्माण के लिए आवश्यक हैं।
यह Nest HTML टैग्स का क्या मतलब है?
घोंसले को समझने का सबसे आसान तरीका एचटीएमएल टैग के बारे में सोचना है जो आपकी सामग्री को पकड़ते हैं। आपकी सामग्री में पाठ, छवियां इत्यादि शामिल हो सकते हैं। HTML टैग सामग्री के आस-पास के बॉक्स हैं। कभी-कभी, आपको अन्य बक्से के अंदर बक्से रखने की आवश्यकता होती है। उन "आंतरिक" बक्से दूसरों के अंदर घोंसले होते हैं।
यदि आपके पास टेक्स्ट का एक ब्लॉक है जिसे आप पैराग्राफ के अंदर बोल्ड करना चाहते हैं, तो आपके पास दो HTML तत्व होंगे और टेक्स्ट भी होंगे।
उदाहरण: यह एक है वाक्य पाठ का
वह पाठ वह है जिसे हम अपने उदाहरण के रूप में उपयोग करेंगे। यहां बताया गया है कि यह कैसे लिखा जाएगा।
उदाहरण: यह पाठ की एक वाक्य है। क्योंकि आप "वाक्य" शब्द बोल्ड होना चाहते हैं, इसलिए आप उस शब्द से पहले और बाद में बोल्ड टैग खोलना और बंद करना जोड़ते हैं।
उदाहरण: यह एक है वाक्य पाठ का जैसा कि आप देख सकते हैं, हमारे पास एक बॉक्स (अनुच्छेद) है जिसमें हमारी वाक्य की सामग्री / पाठ, साथ ही दूसरा बॉक्स (मजबूत टैग जोड़ी) भी शामिल है, जो उस शब्द को बोल्ड के रूप में प्रस्तुत करेगा। जब आप घोंसला टैग करते हैं, तो यह महत्वपूर्ण है कि आप टैग को उस विपरीत क्रम में बंद कर दें जिसे आपने खोला था। आप खोलो पहले, के बाद , जिसका मतलब है कि आप इसे उलट देते हैं और बंद करते हैं और फिर इसके बारे में सोचने का एक और तरीका एक बार फिर बक्से के समानता का उपयोग करना है। यदि आप किसी अन्य बॉक्स के अंदर एक बॉक्स डालते हैं, तो बाहरी या युक्त बॉक्स को बंद करने से पहले आपको आंतरिक को बंद करना होगा। क्या होगा यदि आप केवल एक या दो शब्दों को बोल्ड करना चाहते हैं, और दूसरा सेट इटैलिक हो? यहां ऐसा करने का तरीका बताया गया है। उदाहरण: यह एक है वाक्य पाठ का और इसमें कुछ भी है इटालिसिक पाठ भी। आप देख सकते हैं कि हमारा बाहरी बॉक्स, , अब इसके अंदर दो नेस्टेड टैग हैं - द और यह । इससे पहले कि दोनों बॉक्स बंद हो जाएं, उन्हें बंद कर दिया जाना चाहिए। उदाहरण: यह एक है वाक्य पाठ का और इसमें कुछ भी है इटालिसिक पाठ भी। यह एक और अनुच्छेद है। इस मामले में हमारे पास बक्से के अंदर बक्से हैं! सबसे अधिक बॉक्स है घोंसले के बारे में आपको देखभाल करने का नंबर एक कारण यह है कि यदि आप सीएसएस का उपयोग करने जा रहे हैं। कैस्केडिंग स्टाइल शीट टैग पर भरोसा करते हैं ताकि लगातार दस्तावेज़ में घोंसला जा सके ताकि यह कह सके कि शैलियों कहां शुरू होती हैं और समाप्त होती हैं। यदि आप एक ऐसी शैली स्थापित करते हैं जो पृष्ठ पर पाठ "मुख्य सामग्री" वर्ग के वर्ग के साथ सभी लिंक को प्रभावित करे, तो गलत घोंसला ब्राउज़र को यह जानने के लिए कठिन बनाता है कि इन शैलियों को कहां लागू करना है। आइए कुछ एचटीएमएल देखें: उदाहरण: यह एक है वाक्य पाठ का और इसमें कुछ भी है इटालिसिक पाठ भी। यह एक और अनुच्छेद है। उदाहरण का उपयोग करके मैंने अभी कहा है, अगर मैं एक सीएसएस शैली लिखना चाहता हूं जो इस विभाजन के अंदर के लिंक को प्रभावित करेगी, और केवल वह लिंक (पृष्ठ के अन्य अनुभागों में किसी भी अन्य लिंक के विपरीत), मुझे इसका उपयोग करना होगा मेरी शैली लिखने के लिए घोंसला, जैसे: । मुख्य सामग्री एक { रंग: # एफ 00;}
अन्य कारणों में अभिगम्यता और ब्राउज़र संगतता शामिल है। यदि आपका एचटीएमएल गलत तरीके से घोंसला है, तो यह स्क्रीन पाठकों और पुराने ब्राउज़रों के लिए उतना ही सुलभ नहीं होगा - और यह पृष्ठ को दृश्य पृष्ठ को पूरी तरह से तोड़ सकता है यदि ब्राउजर यह नहीं समझ सकते कि पेज को सही तरीके से कैसे प्रस्तुत किया जाए क्योंकि HTML तत्व और टैग जगह से बाहर हैं। अंत में, यदि आप पूरी तरह से सही और वैध HTML लिखने का प्रयास कर रहे हैं, तो आपको सही घोंसले का उपयोग करने की आवश्यकता होगी। अन्यथा, प्रत्येक वैधकर्ता आपके HTML को गलत के रूप में फ़्लैग करेगा। अधिक नेस्टेड टैग जोड़ना
आपको नेस्टिंग के बारे में क्यों परवाह करना चाहिए
