HTML5 spesifikasyonundaki yenilikler çok sayıdadır ve bunların çoğu zaten tarayıcı ortamının çoğunluğu tarafından desteklenmektedir - aşağıda, öğelerin iç içe yerleştirilmesine ilişkin kurallarda yapılan 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. Örneğin, HTML4'ün Belge Türü Tanımı h1, p ve div'i blok öğeleri olarak, a, span ve img'yi satır içi öğeler olarak listeler.
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>
Ek blok elemanları içeren bir kabın tamamının bağlanması önceden yalnızca hileler kullanılarak (örneğin, bağlantılı bir kaplama katmanının mutlak konumlandırılması yoluyla) (geçerli kodla) mümkündü. Alternatif olarak, başlık ve paragraf birbirine bağlanabilir; bu da fazlalığa neden olur ve kapsayıcı tıklanamaz hale gelir. HTML5'in hoş geldiniz uzantısı sayesinde bu artık sorun değil.