نوآوریهای مشخصات HTML5 متعدد هستند و بسیاری از آنها قبلاً توسط اکثر منظر مرورگر پشتیبانی میشوند - در زیر میخواهم تغییر جالبی در قوانین برای عناصر تودرتو برجسته کنم. HTML همیشه بین عناصر بلوکی و درون خطی تمایز قائل شده است. به عنوان مثال، تعریف نوع سند HTML4 h1، p و div را به عنوان عناصر بلوک و a، span و img را به عنوان عناصر درون خطی فهرست می کند.
این مفهوم اکنون کنار گذاشته شده است (به دلایل خوب). در برخی موارد استفاده ، بسیاری از طراحان وب از صحت قاعده لانه سازی گفته شده که هیچ عنصر بلوکی در عناصر درون خطی یا رفتار استاندارد با استفاده از قوانین CSS مانند صفحه نمایش واقع نشده است ، چشم پوشی می کنند: inline؛ یا نمایشگر: block؛ (که غالباً به کد نامعتبر منجر می شود) بدون هیچ گونه توضیح دیگری.
HTML5 اکنون این تمایز را نرمتر کرده و حتی 9 دسته مختلف را که یک عنصر می تواند به آنها تعلق بگیرد نام می برد ، به موجب آن یک عنصر می تواند در چندین دسته باشد. تمایز قدیمی بین عناصر بلوک و درون خطی از دریا خارج می شود و بسیاری از معانی برچسب ها در وب در نظر گرفته می شوند. به طور خاص ، این نتیجه را می دهد که ساختارهای زیر کد معتبری را نشان می دهند:
<a href="#">
<div>
<h1>Yeah</h1>
<p>
Der ganze Block ist verlinkt.
</p>
</div>
</a>
پیوند دادن کل محفظه ای که حاوی عناصر بلوک اضافی بود قبلاً فقط با استفاده از ترفندها (مثلاً با موقعیت مطلق یک لایه همپوشانی پیوندی) امکان پذیر بود (با کد معتبر). متناوبا، عنوان و پاراگراف به هم مرتبط شدند - این به نوبه خود منجر به افزونگی شد و ظرف قابل کلیک نبود. به لطف پسوند خوش آمدگویی HTML5، این دیگر مشکلی نیست.