الأخطاء الشائعة في إغلاق القوائم | القوائم المتداخلة في لغة HTML

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

من أكثر الأخطاء شيوعاً بين المبتدئين إغلاق وسم <li> الأب قبل كتابة القائمة الفرعية. يؤدي هذا الإغلاق المبكر إلى جعل القائمة الفرعية عنصراً شقيقاً معزولاً بدلاً من أن تكون تابعة دلالياً للبند الأب المقصود.

الصف 2 كود برمجي

HTML

<!-- BROKEN ANTI-PATTERN: Orphan sub-list -->
<ul>
  <li>Chapter 1</li> <!-- Closed prematurely! -->
  <ul> <!-- Invalid direct child of outer ul! -->
    <li>Section 1.1</li>
  </ul>
</ul>

جرّب بنفسك

الصف 3 شرح توضيحي

عندما تتحول القائمة الفرعية إلى شقيق معزول، تفشل قارئات الشاشة في نقل المستوى الهرمي بدقة للمستخدم، وتعجز محددات التنسيق في CSS عن استهداف العناصر التابعة، وتضطرب محاذاة الهوامش التلقائية بين المتصفحات.

الصف 4 ملاحظة هامة

Common Nesting Syntax Anti Patterns الأخطاء الشائعة في إغلاق القوائم

شرح صفوف ومحتوى الفقرة

جميع فقرات هذا الدرس (القوائم المتداخلة في لغة HTML)