La novigoj de la HTML5-specifo estas multaj kaj multaj el ili estas subtenataj de la plimulto de la retumila pejzaĝo - sube mi volas reliefigi interesan ŝanĝon al la reguloj por nestelementoj. HTML ĉiam distingis inter blokaj kaj enliniaj elementoj. La Dokumenta Difino de HTML4, ekzemple, nomas h1, p kaj div kiel blokelementoj kaj a, span, img kiel enliniaj elementoj.
Ĉi tiu koncepto nun estis forlasita (pro bonaj kialoj). En iuj uzokazoj, multaj interretaj projektistoj ignoris la ĝustecon de la menciita nestregulo, ke neniuj blokelementoj povas situi ene de enliniaj elementoj aŭ la norma konduto uzante CSS-regulojn kiel ekzemple display: inline; aŭ montri: bloko; (kio ofte kondukis al malvalida kodo) sen plua pripenso.
HTML5 nun mildigas ĉi tiun distingon kaj eĉ nomas 9 malsamajn kategoriojn al kiuj elemento povas aparteni, per kio elemento povas esti en pluraj kategorioj. La malnova distingo inter blokaj kaj enliniaj elementoj estas superŝutita kaj la amaso da signifoj de etikedoj en la retejo estas konsiderata. Precipe ĉi tio havas la konsekvencon, ke la jenaj konstrukcioj reprezentas validan kodon:
<a href="#">
<div>
<h1>Yeah</h1>
<p>
Der ganze Block ist verlinkt.
</p>
</div>
</a>
Tuta ujo enhavanta pliajn blokelementojn antaŭe nur eblis (kun valida kodo) uzante lertaĵojn (ekzemple per absoluta lokado de ligita surmeta tavolo). Alternative vi ligis la titolon kaj la alineon - tio siavice kondukis al redundo kaj la ujo ne estas alklakebla. Kun la bonvena aldono al HTML5, ĉi tio ne plu estas problemo.