ساختار معنایی

چرا ساختار معنایی مهم است؟

تگ‌های معنایی (Semantic) به مرورگر، موتورهای جستجو و صفحه‌خوان‌ها می‌گویند که هر بخش چه معنایی دارد. این برای سئو و دسترس‌پذیری حیاتی است.

تگ‌های معنایی اصلی

• <header> — بخش بالایی صفحه یا بخش
• <nav> — منوی ناوبری
• <main> — محتوای اصلی صفحه
• <section> — یک بخش مستقل
• <article> — محتوای مستقل (مقاله، پست)
• <aside> — محتوای جانبی (سایدبار)
• <footer> — بخش پایینی
• <figure> و <figcaption> — تصویر با عنوان

تفاوت با div

<div> هیچ معنایی ندارد — فقط یک ظرف است. اما تگ‌های معنایی هدف و نقش بخش را مشخص می‌کنند.

ساختار استاندارد یک صفحه

یک صفحه وب استاندارد معمولاً شامل header، nav، main (با section/article)، aside و footer است.