HTML5 ճշգրտման նորամուծությունները բազմաթիվ են, և դրանցից շատերն արդեն աջակցվում են բրաուզերի լանդշաֆտի մեծ մասի կողմից. ստորև ես կցանկանայի ընդգծել տարրերի տեղադրման կանոնների հետաքրքիր փոփոխությունը: HTML-ը միշտ տարբերել է բլոկային և ներկառուցված տարրերը: Օրինակ, HTML4-ի Document Type Definition-ը թվարկում է h1, p և div որպես բլոկ տարրեր, իսկ a, span և img որպես ներդիր տարրեր:
Այս հայեցակարգը այժմ հրաժարվել է (լավ պատճառներով): Որոշ օգտագործման դեպքերում, շատ վեբ դիզայներներ անտեսեցին նշված բնադրման կանոնի ճշգրտությունը, որ ոչ մի բլոկային տարր չի կարող լինել inline տարրերում կամ ստանդարտ վարք ՝ օգտագործելով CSS կանոններ, ինչպիսիք են ցուցադրումը. Inline; կամ ցուցադրել ՝ բլոկ; (ինչը հաճախ հանգեցնում էր անվավեր ծածկագրի) առանց հետագա զրպարտության:
HTML5- ն այժմ մեղմացնում է այս տարբերակումը և նույնիսկ անվանում է 9 տարբեր կատեգորիաներ , որոնց կարող է պատկանել մի տարր, որով տարրը կարող է լինել մի քանի կատեգորիաներում: Արգելափակման և ներքևի տարրերի հին տարբերակումը շեղվում է ափից, և հաշվի են առնվում համացանցում պիտակների նշանակության բազմությունը: Մասնավորապես, սա բերում է այն հետևանքի, որ հետևյալ կառուցվածքները ներկայացնում են վավեր ծածկագիր:
<a href="#">
<div>
<h1>Yeah</h1>
<p>
Der ganze Block ist verlinkt.
</p>
</div>
</a>
Լրացուցիչ բլոկային տարրեր պարունակող ամբողջ կոնտեյների միացումը նախկինում հնարավոր էր միայն (վավեր կոդով) հնարքների միջոցով (օրինակ՝ կապակցված ծածկույթի շերտի բացարձակ տեղադրմամբ): Որպես այլընտրանք, վերնագիրը և պարբերությունը կապակցված էին. դա իր հերթին հանգեցրեց ավելորդության, և բեռնարկղը սեղմելի չէր: HTML5-ի ողջույնի ընդլայնման շնորհիվ սա այլևս խնդիր չէ: