Inovasi spesifikasi HTML5 banyak dan banyak di antaranya sudah disokong oleh sebahagian besar landskap penyemak imbas - di bawah ini saya ingin mengetengahkan perubahan menarik terhadap peraturan untuk elemen bersarang. HTML selalu membezakan antara elemen blok dan sebaris. Definisi Jenis Dokumen HTML4, misalnya, menamakan h1, p, dan div sebagai elemen blok dan a, span, img sebagai elemen sebaris.
Konsep ini kini telah ditinggalkan (dengan alasan yang baik). Dalam beberapa kes penggunaan, banyak pereka web mengabaikan kebenaran peraturan bersarang tersebut bahawa tidak ada elemen blok dalam elemen sebaris, atau tingkah laku standard menggunakan peraturan CSS seperti paparan: inline; atau paparan: blok; (yang sering menyebabkan kod tidak sah) tanpa basa-basi lagi.
HTML5 kini melembutkan perbezaan ini dan bahkan menamakan 9 kategori yang berbeza yang boleh dimiliki oleh suatu elemen, di mana suatu elemen boleh berada dalam beberapa kategori. Perbezaan lama antara elemen blok dan sebaris dilemparkan ke laut dan banyak makna tag di web diambil kira. Khususnya, ini mempunyai konsekuensi bahawa konstruk berikut mewakili kod yang sah:
<a href="#">
<div>
<h1>Yeah</h1>
<p>
Der ganze Block ist verlinkt.
</p>
</div>
</a>
Seluruh kontena yang mengandungi elemen blok lebih jauh sebelumnya hanya mungkin dilakukan (dengan kod yang sah) menggunakan helah (contohnya dengan kedudukan mutlak lapisan lapisan terpaut). Sebagai alternatif, anda menghubungkan tajuk dan perenggan - ini seterusnya menyebabkan kelebihan dan kontena tidak dapat diklik. Dengan tambahan selamat datang ke HTML5, ini tidak lagi menjadi masalah.