انتقل إلى محتوى الدرس

Multi Level Outline Hierarchy تخطيط المحتوى متعدد المستويات

تعلم القوائم المتداخلة في HTML: اكتشف العلاقات الهرمية بين القوائم، وطبق قواعد التداخل الصارم داخل عناصر li، وتجنب أخطاء الإغلاق المبكر، وابنِ فهارس متعددة المستويات وقوائم منسدلة ميسرة.
5 صفوف تعليمية
لغة HTML
5,522 مشاهدة

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

الصف 1 شرح توضيحي
تتطلب التوثيقات البرمجية الضخمة والمناهج الأكاديمية والكتيبات الفنية في كثير من الأحيان ثلاثة مستويات أو أكثر من التداخل الهرمي. يتيح الجمع بين القوائم المرقمة بأنماطها الرومانية والأبجدية صياغة فهارس احترافية بالغة الدقة.
الصف 2 كود برمجي
HTML
<ol type="I">
  <li>Architecture Foundations
    <ol type="A">
      <li>Frontend Systems
        <ol type="1">
          <li>HTML5 Parsing</li>
          <li>CSS Cascade</li>
        </ol>
      </li>
    </ol>
  </li>
</ol>
الصف 3 شرح توضيحي
رغم قدرة لغة HTML على دعم مستويات تداخل لا نهائية، إلا أن أفضل ممارسات تجربة المستخدم تقتضي حصر التداخل العملي في 3 أو 4 مستويات كحد أقصى تجنباً للهوامش العريضة التي تشوه القراءة على شاشات الهواتف المحمولة.
الصف 4 معاينة حية
الصف 5 ملاحظة هامة