HTML5 ճշգրտման նորամուծությունները բազմաթիվ են, և դրանցից շատերն արդեն իսկ աջակցվում են զննարկչի լանդշաֆտի մեծամասնության կողմից. Ստորև ուզում եմ առանձնացնել բնադրող տարրերի կանոնների հետաքրքիր փոփոխությունը: HTML- ը միշտ տարանջատել է բլոկի և ներքին տարրերի միջև: HTML4- ի Փաստաթղթի տիպի սահմանումը , օրինակ, 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- ի ողջույնի հավելումով սա արդեն խնդիր չէ: