HTML5 spesifikasyonunun yenilikleri çoktur ve çoğu tarayıcı ortamının çoğunluğu tarafından zaten desteklenmektedir - aşağıda, iç içe yerleştirme öğelerinin kurallarında ilginç bir değişikliği vurgulamak istiyorum. HTML her zaman blok ve satır içi öğeler arasında ayrım yapmıştır. HTML4'ün Belge Türü Tanımı , örneğin, blok öğeleri olarak h1, p ve div ve satır içi öğeler olarak a, span, img olarak adlandırılır.
Bu kavram artık terk edilmiştir (iyi nedenlerle). Bazı kullanım durumlarında, birçok web tasarımcısı, söz konusu yuvalama kuralının doğruluğunu, satır içi öğeler içinde hiçbir blok öğesinin veya display: inline; veya display: block; (bu genellikle geçersiz koda yol açar) daha fazla uzatmadan.
HTML5 şimdi bu ayrımı yumuşatıyor ve hatta bir öğenin ait olabileceği 9 farklı kategoriyi adlandırıyor, böylece bir öğe birkaç kategoride olabilir. Blok ve satır içi öğeler arasındaki eski ayrım, denize atılır ve web'deki etiketlerin çok sayıda anlamı hesaba katılır. Özellikle, bu, aşağıdaki yapıların geçerli kodu temsil etmesine neden olur:
<a href="#">
<div>
<h1>Yeah</h1>
<p>
Der ganze Block ist verlinkt.
</p>
</div>
</a>
Daha önce, içinde başka blok öğeleri barındıran bir kapsayıcının tamamını birbirine bağlamak (geçerli kodla) yalnızca geçici çözümlerle (örneğin, bağlantılı bir bindirme katmanını mutlak konumlandırarak) mümkündü. Alternatif olarak, başlığı ve paragrafı birbirine bağlamak da mümkündü; bu da gereksizliğe yol açıyor ve kapsayıcının tıklanamaz hale gelmesine neden oluyordu. HTML5'in sağladığı bu hoş gelişme sayesinde, bu artık bir sorun değil.