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 başka blok öğeleri içeren bütün bir konteyner, daha önce yalnızca hileler kullanılarak (örneğin, bağlantılı bir kaplama katmanının mutlak konumlandırılmasıyla) mümkündü (geçerli kodla). Alternatif olarak, başlık ve paragraf birbirine bağlanmıştır - bu da fazlalığa yol açmıştır ve kapsayıcı tıklanabilir değildir. HTML5'e hoş geldiniz eki ile bu artık bir sorun değil.