दिलचस्प पोस्ट
कांगारु 2.0 के साथ काम करने वाले मोज़ेक 2.0 सामग्री एमडीडीआईअलोग का उदाहरण वर्चार 2 और चारों के बीच का मुख्य अंतर क्या है पूर्ण NumPy सरणी कैसे मुद्रित करें? जावा अर्रे लिस्ट की प्रतिलिपि केवल उपवर्गों के लिए संरक्षित विधि का उपयोग सीमित करने के लिए कैसे करें सी # विभाजन स्ट्रिंग्स? एक HTTP POST कितना सुरक्षित है? जहां javafx.scene.image.Image ("flower.png") flower.png के लिए खोज करता है? यह पता लगाने के लिए कि कोई दिए गए स्ट्रिंग palindrome है या नहीं है palindrome jQuery क्लोन तालिका पंक्ति एंड्रॉइड: मैंने अपनी एंड्रॉइड कुंजी स्टोर खो दिया है, मुझे क्या करना चाहिए? पसंदीदा स्टैटस बार्स स्टाइल को नहीं कहा जाता है रोकें jQuery। कैश होने से प्रतिक्रिया कैसे एक लूप में ऑब्जेक्ट literals सरणी बनाने के लिए? कुछ संदर्भों को पार करते समय मैं एक्सप्रेस जर्दे में कैसे पुनर्निर्देशित करूं?

ब्राउज़रों को ऐसा क्यों लगता है कि <div /> टैग तुरंत समाप्त नहीं होता है?

निम्न HTML को देखते हुए:

<div style="background-color:green"/> <div>text</div> 

अधिकांश ब्राउज़र टेक्स्ट को हरे रंग में प्रदर्शित करते हैं जो इंगित करता है कि <div/> लघुकोड 'समाप्त' के रूप में मान्यता प्राप्त नहीं है और यह 2 <div> को लपेटने के लिए फैला हुआ है

या यह क्या मानक कहते हैं?

Solutions Collecting From Web of "ब्राउज़रों को ऐसा क्यों लगता है कि <div /> टैग तुरंत समाप्त नहीं होता है?"

कड़ाई से बोलते हुए, <div> तत्व एचटीएमएल में एक गैर-शून्य / गैर-खाली तत्व है, अर्थात् यह स्व-क्लोज़ के लिए नहीं है हालांकि <div /> मान्य एक्सएचटीएमएल – एक स्व-समापन (या खाली) एक्सएमएल तत्व का सूचक होने के कारण – यह सामान्य एचटीएमएल पार्सेर्स और कुछ वैलिएट्स द्वारा एक बंद खुले टैग के रूप में परिभाषित है, और इसलिए अमान्य HTML 4.01 और HTML5 । 1

वास्तव में, अपने दिए गए HTML टुकड़े को W3C validator (एचटीएमएल 5) के माध्यम से इस त्रुटि संदेश में परिणाम चलाते हुए:

गैर-शून्य HTML तत्व पर उपयोग किए गए स्व-समापन सिंटैक्स (/>) स्लैश को अनदेखा करना और एक प्रारंभ टैग के रूप में इलाज करना।

इसलिए आप जो देखते हैं


HTML5 युक्ति से (पहली लिंक में):

एक गैर शून्य तत्व का अंत टैग होना चाहिए, जब तक कि इस संदर्भ के HTML तत्व अनुभाग में उस तत्व के उप-भाग से पता चलता है कि इसके अंत टैग को छोड़ा जा सकता है।

इसके बाद, <div> तत्व के लिए उपधारा बताता है:

एक div तत्व में एक प्रारंभ टैग और एक अंत टैग दोनों होना चाहिए।

यह <div> <p> या <li> <div> विपरीत नहीं है जिसे हमेशा एक अंत टैग की आवश्यकता नहीं होती है

यदि आप एक <p> तुरंत एक बंद <p> बाद रख देते हैं, तो यह निहित है कि पिछले <p> बंद कर दिया गया है। इसी तरह <li> लिए चला जाता है इसका कारण यह है कि आप एक साथ कई पैराग्राफ या सूची आइटम को सीधे नहीं बांट सकते। हालांकि, <div> किसी गहराई से घुलनशील है इस प्रकार, एक खोलने <div> टैग पहले से न खोए गए <div> टैग को बंद नहीं करता है

और यही कारण है कि आप जो देख रहे हैं वह देख रहे हैं।


1 सच्चे एक्सएचटीएमएल पृष्ठों में (एक्सएमएल application/xhtml+xml रूप में सेवा के रूप में सीरियल किए गए), पहला <div /> एलिमेंट दूसरे <div>text</div> तत्व को लपेटने के लिए विस्तारित नहीं होगा। इसके बजाय, एक्सएचटीएमएल के रूप में यह एक्सएमएल नियमों का पालन करेगा और स्वयं को एक खाली तत्व के रूप में रखेगा, बजाय एचटीएमएल टैग सूप नियमों का पालन करें और अपने आप से एक उद्घाटन टैग के रूप में व्याख्या की जाएगी।

टैग को इस बिंदु पर एक अलग नज़दीकी होना चाहिए – शायद यह जोड़ा जा सकता है

ध्यान दें कि एक उचित सिंटैक्स में, यहां तक ​​कि आत्म-समापन टैग को अतिरिक्त स्थान की आवश्यकता है ( <br /> , नहीं <br/> )