अलविदा ब्लॉक और इनलाइन - आपका स्वागत है HTML5

HTML5 विनिर्देश के नवाचार कई हैं और उनमें से कई पहले से ही ब्राउज़र परिदृश्य के बहुमत द्वारा समर्थित हैं - नीचे मैं नेस्टिंग तत्वों के लिए नियमों में एक दिलचस्प बदलाव को उजागर करना चाहता हूं। HTML ने हमेशा ब्लॉक और इनलाइन तत्वों के बीच अंतर किया है। HTML4 के दस्तावेज़ प्रकार की परिभाषा , उदाहरण के लिए, नाम h1, p, और div को ब्लॉक तत्वों के रूप में और a, span, img इनलाइन तत्वों के रूप में।


इस अवधारणा को अब (अच्छे कारणों के लिए) छोड़ दिया गया है। कुछ उपयोग के मामलों में, कई वेब डिजाइनरों ने उक्त नेस्टिंग नियम की शुद्धता की अनदेखी की कि कोई भी ब्लॉक तत्व इनलाइन तत्वों या मानक नियमों जैसे कि प्रदर्शन: इनलाइन; या प्रदर्शन: ब्लॉक; (जो अक्सर अमान्य कोड का कारण बनता है) आगे की हलचल के बिना।

एचटीएमएल 5 अब इस अंतर को नरम कर रहा है और यहां तक ​​कि 9 अलग-अलग श्रेणियों का नाम देता है जिसमें एक तत्व हो सकता है, जिसमें एक तत्व कई श्रेणियों में हो सकता है। ब्लॉक और इनलाइन तत्वों के बीच पुराना अंतर ओवरबोर्ड पर डाला जाता है और वेब पर टैग के अर्थों की भीड़ को ध्यान में रखा जाता है। विशेष रूप से, इसका परिणाम यह है कि निम्नलिखित निर्माण वैध कोड का प्रतिनिधित्व करते हैं:

<a href="#">
   <div>
      <h1>Yeah</h1>
      <p>
         Der ganze Block ist verlinkt.
      </p>
   </div>
</a>

आगे ब्लॉक तत्वों वाले एक पूरे कंटेनर पहले केवल संभव (वैध कोड के साथ) ट्रिक्स का उपयोग कर रहा था (उदाहरण के लिए, एक लिंक ओवरले परत की पूर्ण स्थिति द्वारा)। वैकल्पिक रूप से, शीर्षक और पैराग्राफ जुड़े हुए थे - इसके परिणामस्वरूप अतिरेक हुआ और कंटेनर क्लिक करने योग्य नहीं है। HTML5 में स्वागत योग्य जोड़ के साथ, यह अब कोई समस्या नहीं है।

वापस