Ինչպե՞ս սեմանտիկորեն բաժանել բովանդակությունը էջում։

Բովանդակության սեմանտիկ բաժանումը հասնում է համապատասխան HTML5-տեգերի օգտագործմամբ:

Սեմանտիկ հիմնական տեգերը.

• <header>: Ներածություն կամ նավիգացիայի կամ նախաբառային տարրերի խումբ: Սովորաբար պարունակում է կայքի վերնագիր, նավիգացիա, լոգո:
• <nav>: Նավիգացիոն հղումների բլոկ:
• <main>: Դոկումենտի հիմնական բովանդակությունը: Պետք է լինի յուրահատուկ էջում (չպետք է կրկնվի ֆուտերում, գլխում, կողային տողում):
• <article>: Անկախ, ինքնաբավ բովանդակության կտոր (մեկ հոդված, բլոգային գրառում, մեկնաբանություն):
• <section>: Դոկումենտի առանձին բաժին (հատված, պարբերություն, գլխավոր էջի բովանդակության բլոկ): Պետք է ունենա վերնագիր (<h1>-<h6>):
• <aside>: Բաժին բովանդակության, որը անուղղակիորեն կապված է հիմնական բովանդակության հետ (կողային տող, մեջբերում, գովազդ):
• <footer>: Բաժնի կամ դոկումենտի ստորին մաս: Սովորաբար պարունակում է հեղինակի մասին տեղեկություններ, հեղինակային իրավունքներ, հղումներ կապված փաստաթղթերի վրա:
• <figure>: Անկախ բովանդակություն (նկար, դիագրամ, աղյուսակ), որը կարող է տեղափոխվել հիմնական հոսքից առանց իմաստը կորցնելու: Սովորաբար օգտագործվում է <figcaption>-ի հետ:
• <figcaption>: <figure>-ի համար նշում:
• <mark>: Տեքստը նշում է (նշում է), որը ունի հատուկ նշանակություն կամ հետաքրքրություն շրջապատող տեքստի համատեքստում:
• <time>: Ներկայացնում է կոնկրետ ժամանակ կամ ժամանակահատված:

Սեմանտիկ տեգերի օգտագործումը բարելավում է հասանելիությունը, SEO-ն և կոդի սպասարկումը: Փնտրող համակարգերը և օգնող տեխնոլոգիաները (էկրանային ընթերցողները) ավելի լավ հասկանում են էջի կառուցվածքը: