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