Innowacji specyfikacji HTML5 jest wiele i wiele z nich jest już obsługiwanych przez większość krajobrazu przeglądarek - poniżej chcę podkreślić ciekawą zmianę w zasadach zagnieżdżania elementów. HTML zawsze rozróżniał elementy blokowe i wbudowane. Na przykład definicja typu dokumentu w HTML4 nazywa h1, p i div jako elementy blokowe, a a, span, img jako elementy wbudowane.
Ta koncepcja została teraz porzucona (nie bez powodu). W niektórych przypadkach wielu projektantów stron internetowych zignorowało poprawność wspomnianej reguły zagnieżdżania, zgodnie z którą żadne elementy blokowe nie mogą znajdować się w elementach wbudowanych, lub standardowe zachowanie przy użyciu reguł CSS, takich jak display: inline; lub display: block; (co często prowadziło do nieprawidłowego kodu) bez zbędnych ceregieli.
HTML5 łagodzi teraz to rozróżnienie, a nawet określa 9 różnych kategorii, do których może należeć element, przy czym element może należeć do kilku kategorii. Stare rozróżnienie między elementami blokowymi i liniowymi jest wyrzucane za burtę i uwzględnia wielość znaczeń tagów w sieci. W szczególności powoduje to, że poniższe konstrukcje reprezentują prawidłowy kod:
<a href="#">
<div>
<h1>Yeah</h1>
<p>
Der ganze Block ist verlinkt.
</p>
</div>
</a>
Cały kontener zawierający dalsze elementy blokowe był wcześniej możliwy tylko (z poprawnym kodem) przy użyciu sztuczek (na przykład poprzez bezwzględne pozycjonowanie połączonej warstwy nakładki). Alternatywnie, nagłówek i akapit zostały połączone - to z kolei doprowadziło do redundancji i kontener nie jest klikalny. Dzięki powitalnemu dodatkowi do HTML5 nie stanowi to już problemu.