এইচটিএমএল 5 স্পেসিফিকেশনের উদ্ভাবন অসংখ্য এবং এর মধ্যে অনেকগুলি ব্রাউজারের বেশিরভাগ ল্যান্ডস্কেপ দ্বারা ইতিমধ্যে সমর্থিত - নীচে আমি নীড় নেওয়ার উপাদানগুলির নিয়মে একটি আকর্ষণীয় পরিবর্তন হাইলাইট করতে চাই। এইচটিএমএল সর্বদা ব্লক এবং ইনলাইন উপাদানগুলির মধ্যে পার্থক্য করে। এইচটিএমএল 4 এর ডকুমেন্ট প্রকারের সংজ্ঞা , উদাহরণস্বরূপ, নামগুলি h1, p, এবং div ব্লক উপাদান হিসাবে এবং a, স্প্যান, img ইনলাইন উপাদান হিসাবে।
এই ধারণাটি এখন ছেড়ে দেওয়া হয়েছে (সঙ্গত কারণে) কিছু ব্যবহারের ক্ষেত্রে, অনেক ওয়েব ডিজাইনার নীড়ের নীচের নিয়মের সঠিকতা উপেক্ষা করে যে কোনও ব্লক উপাদান ইনলাইন উপাদানগুলির মধ্যে নাও থাকতে পারে, বা সিএসএস বিধি যেমন প্রদর্শন: ইনলাইন ব্যবহার করে না; বা প্রদর্শন: ব্লক; (যা প্রায়শই অবৈধ কোডের দিকে পরিচালিত করে) পরবর্তী বিজ্ঞাপন ছাড়াই।
এইচটিএমএল 5 এখন এই পার্থক্যটিকে নরম করে দিচ্ছে এবং এমনকী 9 টি বিভিন্ন বিভাগের নাম দেয় যার সাথে কোনও উপাদান অন্তর্ভুক্ত থাকতে পারে, যার মাধ্যমে কোনও উপাদান বিভিন্ন বিভাগে থাকতে পারে। ব্লক এবং ইনলাইন উপাদানগুলির মধ্যে পুরানো পার্থক্যটি ওভারবোর্ডে ফেলে দেওয়া হয় এবং ওয়েবে ট্যাগগুলির প্রচুর অর্থ বিবেচনা করা হয়। বিশেষত, নিম্নলিখিত ফলাফলগুলি বৈধ কোডটি উপস্থাপন করে এর ফলাফল রয়েছে:
<a href="#">
<div>
<h1>Yeah</h1>
<p>
Der ganze Block ist verlinkt.
</p>
</div>
</a>
পূর্বে, আরও ব্লক এলিমেন্ট ধারণকারী একটি সম্পূর্ণ কন্টেইনারকে লিঙ্ক করা (বৈধ কোডের মাধ্যমে) শুধুমাত্র কিছু বিকল্প পদ্ধতির মাধ্যমেই সম্ভব ছিল (উদাহরণস্বরূপ, একটি লিঙ্ক করা ওভারলে লেয়ারকে অ্যাবসোলিউটলি পজিশন করে)। বিকল্পভাবে, হেডিং এবং প্যারাগ্রাফ উভয়কেই লিঙ্ক করা যেত – যার ফলে কোডের পুনরাবৃত্তি ঘটত এবং কন্টেইনারটি অক্লিকযোগ্য হয়ে পড়ত। HTML5-এর এই স্বাগত সংযোজনের ফলে, এটি এখন আর কোনো সমস্যা নয়।