Inovațiile specificației HTML5 sunt numeroase și multe dintre ele sunt deja susținute de majoritatea peisajului browserului - mai jos aș dori să evidențiez o modificare interesantă a regulilor pentru imbricarea elementelor. HTML a făcut întotdeauna distincția între elementele bloc și elementele inline. De exemplu, Definiția tipului de document din HTML4 listează h1, p și div ca elemente bloc și a, span și img ca elemente inline.
Acest concept a fost acum abandonat (din motive întemeiate). În unele cazuri de utilizare, mulți designeri web au ignorat corectitudinea respectivei reguli de cuibărire conform căreia niciun element de bloc nu poate fi în interiorul elementelor inline sau comportamentul standard care utilizează reguli CSS, cum ar fi display: inline; sau afișează: bloc; (ceea ce a dus deseori la un cod nevalid) fără alte întrebări
HTML5 atenuează acum această distincție și chiar numește 9 categorii diferite de care poate aparține un element, prin care un element poate fi în mai multe categorii. Vechea distincție între elementele bloc și elementele inline este aruncată peste bord și se ia în considerare multitudinea de semnificații ale etichetelor de pe web. În special, aceasta are consecința că următoarele construcții reprezintă un cod valid:
<a href="#">
<div>
<h1>Yeah</h1>
<p>
Der ganze Block ist verlinkt.
</p>
</div>
</a>
Conectarea unui întreg container care conținea elemente de bloc suplimentare era posibilă anterior doar (cu cod valid) folosind trucuri (de exemplu, prin poziționarea absolută a unui strat de suprapunere legat). Alternativ, titlul și paragraful au fost legate - acest lucru a dus, la rândul său, la redundanță și containerul nu se putea face clic. Datorită extensiei binevenite a HTML5, aceasta nu mai este o problemă.