HTML5 विनिर्देशन के नवाचार असंख्य हैं और उनमें से कई पहले से ही अधिकांश ब्राउज़र परिदृश्य द्वारा समर्थित हैं - नीचे मैं नेस्टिंग तत्वों के नियमों में एक दिलचस्प बदलाव पर प्रकाश डालना चाहूंगा। HTML ने हमेशा ब्लॉक और इनलाइन तत्वों के बीच अंतर किया है। उदाहरण के लिए, HTML4 की दस्तावेज़ प्रकार परिभाषा में h1, p और div को ब्लॉक तत्वों के रूप में और a, स्पैन और img को इनलाइन तत्वों के रूप में नामित किया गया है।
इस अवधारणा को अब (अच्छे कारणों के लिए) छोड़ दिया गया है। कुछ उपयोग के मामलों में, कई वेब डिजाइनरों ने उक्त नेस्टिंग नियम की शुद्धता की अनदेखी की कि कोई भी ब्लॉक तत्व इनलाइन तत्वों या मानक नियमों जैसे कि प्रदर्शन: इनलाइन; या प्रदर्शन: ब्लॉक; (जो अक्सर अमान्य कोड का कारण बनता है) आगे की हलचल के बिना।
एचटीएमएल 5 अब इस अंतर को नरम कर रहा है और यहां तक कि 9 अलग-अलग श्रेणियों का नाम देता है जिसमें एक तत्व हो सकता है, जिसमें एक तत्व कई श्रेणियों में हो सकता है। ब्लॉक और इनलाइन तत्वों के बीच पुराना अंतर ओवरबोर्ड पर डाला जाता है और वेब पर टैग के अर्थों की भीड़ को ध्यान में रखा जाता है। विशेष रूप से, इसका परिणाम यह है कि निम्नलिखित निर्माण वैध कोड का प्रतिनिधित्व करते हैं:
<a href="#">
<div>
<h1>Yeah</h1>
<p>
Der ganze Block ist verlinkt.
</p>
</div>
</a>
अतिरिक्त ब्लॉक तत्वों वाले संपूर्ण कंटेनर को लिंक करना पहले केवल ट्रिक्स का उपयोग करके (मान्य कोड के साथ) संभव था (उदाहरण के लिए लिंक किए गए ओवरले परत की पूर्ण स्थिति द्वारा)। वैकल्पिक रूप से, शीर्षक और पैराग्राफ जुड़े हुए थे - इसके परिणामस्वरूप अतिरेक हुआ और कंटेनर क्लिक करने योग्य नहीं था। HTML5 के स्वागत विस्तार के लिए धन्यवाद, अब यह कोई समस्या नहीं है।