نوآوریهای مشخصات 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 ، این دیگر مشکلی ایجاد نمی کند.