HTML5 স্পেসিফিকেশনের উদ্ভাবনগুলি অসংখ্য এবং তাদের মধ্যে অনেকগুলি ইতিমধ্যেই বেশিরভাগ ব্রাউজার ল্যান্ডস্কেপ দ্বারা সমর্থিত - নীচে আমি নেস্টিং উপাদানগুলির নিয়মগুলির একটি আকর্ষণীয় পরিবর্তন হাইলাইট করতে চাই৷ এইচটিএমএল সবসময় ব্লক এবং ইনলাইন উপাদানের মধ্যে পার্থক্য করে। উদাহরণস্বরূপ, 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 এর স্বাগত এক্সটেনশনের জন্য ধন্যবাদ, এটি আর কোন সমস্যা নেই।