HTML — Semantic Elements

مقدمة

العناصر الدلالية توضّح معنى المحتوى (header/nav/main/article/footer).

ماذا ستتعلم؟

• لماذا HTML الدلالي مهم
• أهم الوسوم
• SEO وإتاحة الوصول

الصياغة

<main><article>...</article></main>

مثال

<header>
  <nav>
    <a href="/">الرئيسية</a>
    <a href="/about">حول</a>
  </nav>
</header>

<main>
  <article>
    <h1>عنوان</h1>
    <p>محتوى...</p>
  </article>
</main>

<footer>© 2026</footer>

ملاحظات

• يحسن تجربة قارئ الشاشة.
• محركات البحث تفهم الهيكل أفضل.

  جرّب بنفسك: افتح Playground: /ar/playground/html