Чӣ тавр мундариҷаро дар саҳифа ба таври семантикӣ ҷудо кардан мумкин аст?

Тартиб додани мазмунро бо истифода аз тегҳои мувофиқии HTML5 ба даст оварда мешавад.

Тегҳои асосии маъноӣ:

• <header>: Вуруд ё гурӯҳи унсурҳои сайёрӣ ё вурудӣ. Одатан номи сайт, сайёрӣ, логотипро дар бар мегирад.
• <nav>: Блоги пайвандҳои сайёрӣ.
• <main>: Мазмуни асосии ҳуҷҷат. Дар саҳифа бояд ягона бошад (дар поён, сарлавҳа, панелҳои тарафӣ такрор нашаванд).
• <article>: Қисми мустақил ва мустақилона (мақола, пости блог, шарҳ).
• <section>: Бозгашт аз ҳуҷҷат (боб, параграф, блоки мазмун дар саҳифаи асосӣ). Мавзӯъ бояд дошта бошад (<h1>-<h6>).
• <aside>: Қисми мазмун, ки ба мазмуни асосӣ бевосита алоқаманд нест (панели тарафӣ, иқтибос, реклама).
• <footer>: Поёни бахш ё ҳуҷҷат. Одатан маълумоти муаллиф, ҳуқуқи муаллиф, пайвандҳо ба ҳуҷҷатҳои алоқамандро дар бар мегирад.
• <figure>: Мазмуни мустақил (тасвир, диаграмма, ҷадвал), ки метавонад аз ҷараёни асосии ҳуҷҷат бе гум кардани маънои он кӯчонида шавад. Одатан бо <figcaption> истифода мешавад.
• <figcaption>: Тавсифи ба унвони <figure>.
• <mark>: Матнро таъкид мекунад (тамға мекунад), ки дар контексти матни атрофи он аҳамият ё манфиати махсус дорад.
• <time>: Вақт ё давраи муайянро ифода мекунад.

Истифодаи тегҳои маъноӣ беҳтар кардани дастрасӣ, SEO ва нигоҳдории коди кӯмак мекунад. Ҷустуҷӯ ва технологияҳои ёрдамчи (хонандагони экран) беҳтар сохтори саҳифаро фаҳманд.