كيفية إنشاء قائمة نقطية في HTML. قائمة نقطية. مواد مفيدة في قوائم HTML


هناك نوعان من القوائم في HTML: مرقمة وغير مرقمة. خلقهم هو نفسه تقريبا. حتى العلامات تختلف بحرف واحد. يمكنك أيضًا إنشاء ما يمكن أن يتضمن أرقامًا مرقمة وعلامات تحديد.

يمكن تحويل هذه القوائم بأي طريقة تريدها. كل هذا يتوقف على خيالك. أولا، سننظر إلى القوائم القياسية، كما هو الحال في محرر Word، ثم سنقوم بتحسينها وتصميمها بشكل لا يمكن التعرف عليه.

قائمة ترقيم HTML

يمكن إنشاء رقم مرقم عادي باستخدام العلامات التالية:

  • عنصر القائمة الأول
  • عنصر القائمة الثاني
  • العنصر الثالث في القائمة
  • تبدو القوائم البسيطة هكذا

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

  • ، ثم يوضع أمامه تلقائيًا
  • .

    وبالتالي، يمكن عمل القوائم كما هو موضح أدناه.

    لكن من وجهة نظر المحترفين فهذا غير صحيح.

    يتم إنشاء قوائم غير مرقمة (أو نقطية) بنفس الطريقة، فقط بدلاً من علامة ol تتم كتابة ul.

    لا توجد أرقام أو أحرف - فقط رموز مختلفة تسمى علامات.

    HTML قائمة مرقمة متعددة المستويات

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

    لإنشاء القائمة الموضحة في المثال أعلاه، عليك كتابة ما يلي.

    يرجى ملاحظة أنه في هذا الكود، على عكس الأمثلة الأولى، تتم إضافة سمة النوع. بفضله، يمكنك تحديد نوع الفرز لكل من القوائم المرقمة والتعداد النقطي.

    بالنسبة للأرقام المرقمة، نشير إلى الأبجدية أو نوع الأرقام، وفي الحالات الأخرى - نوع العلامة.

    إذا كنت تستخدم علامة HTML خاصة، فيمكن أن تصبح القائمة المرقمة أي شيء تريده.

    يمكنك تحديد سمة النوع بأي قيمة من الجدول. أو في فئة نمط CSS، حدد نوع نمط القائمة بنوع الفرز المطلوب.

    ترجمة القيم بسيطة للغاية. المعرفة الأساسية باللغة الإنجليزية كافية. ولكن حتى لو لم تتمكن من ترجمة الكلمات "دائرة"، "مربع"، وما إلى ذلك، يمكنك أن تفهم بصريًا ما ستكون النتيجة عند تحديد هذه القيم في سمة الكتابة.

    بالنسبة للقوائم المرقمة، استخدم الخيارات التالية:

    • 1 - الأرقام العربية؛
    • أ - الحروف الكبيرة.
    • أ - الحروف اللاتينية الصغيرة؛
    • أنا - الأرقام الرومانية الكبيرة؛
    • ط - الأرقام الرومانية الصغيرة.

    الافتراضي هو دائمًا قائمة تحتوي على أي شيء، إذا لم تحدد أي شيء، فهو نفس النوع = "1".

    بالإضافة إلى ذلك، يمكن أن تبدأ القوائم المرقمة في أي موضع مرغوب. بشكل افتراضي، يبدأ الإخراج من 1. ولكن إذا كنت ترغب في ذلك، يمكنك البدء من مائة على الأقل. للقيام بذلك، تحتاج إلى تحديد سمة البداية بأي قيمة.

    بالإضافة إلى ذلك، يمكنك استخلاص النتيجة بترتيب عكسي. للقيام بذلك، عليك أن تكتب بشكل معكوس.

    تصميم القوائم

    يمكن تصميم قائمة مرقمة بتنسيق HTML بشكل جميل لدرجة أنك قد لا تدرك على الفور أن هذه قائمة عادية وليست صورة تم إنشاؤها في Photoshop.

    فيما يلي أمثلة على القوائم الجميلة.

    كما يتبين من المثال، يمكنك تغيير مظهر الترقيم والعناصر نفسها.

    يمكنك إنشاء قائمة عادية مثل هذا.

    في أنماط CSS تحتاج إلى تحديد التصميم لعلامات ol. يرجى ملاحظة أنه في هذه الحالة سيتم تطبيق الإعدادات على كافة القوائم في جميع أنحاء الموقع حيث يتم استخدام ملف النمط هذا.

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

    الآن دعونا نلقي نظرة على التصميم المربع.

    الأنماط متشابهة تمامًا. الفرق هو أنه في الحالة الأولى يتم تقريب العنصر باستخدام إمكانيات CSS.

    يجب على مصمم التخطيط المحترف أن يتوقع ويفهم أنه ليس كل المستخدمين يستخدمون أجهزة الكمبيوتر الحديثة. ليس كل شخص لديه أنظمة التشغيل Windows 7 و 8 و 10. هناك نسبة من المستخدمين الذين ما زالوا يستخدمون نظام التشغيل Windows XP ويستخدمون الإصدارات القديمة من متصفح Internet Explorer.

    كقاعدة عامة، لا يتم دعم جميع تحسينات التصميم الحديثة للعناصر تقريبًا. سيبدو للمستخدم أنه لم يتم القيام بأي عمل في تصميم الموقع على الإطلاق. أن كل شيء قد انتقل بعيدا. تتصادم العناصر مع بعضها البعض. لتجنب ذلك، تحتاج إلى النظر في جميع الخيارات.

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

    اصنع شيئًا مناسبًا للجميع أو ضع في الاعتبار جميع أشكال المتصفح.

    القوائم المرقمة هي مجموعة من العناصر بأرقامها التسلسلية. يعتمد نوع ونوع الترقيم على معلمات العنصر

      ، والذي يستخدم لإنشاء القائمة. يمكن أن تكون القيم التالية بمثابة عناصر ترقيم:

      • الأرقام العربية (1، 2، 3، ...)؛
      • الأرقام العربية ذات الصفر الأول للأرقام الأقل من عشرة (01، 02، 03، ...،10)؛
      • الحروف اللاتينية الكبيرة (A، B، C، ...)؛
      • الحروف اللاتينية الصغيرة (أ، ب، ج، ...)؛
      • الأرقام الرومانية الكبيرة (I، II، III، ...)؛
      • الأرقام الرومانية الصغيرة (i، ii، iii، ...)؛
      • الترقيم الأرمني؛
      • الترقيم الجورجي.

      من الناحية العملية، يمكن تطبيق مبادئ عرض العناصر في قائمة ذات تعداد نقطي بطريقة مشابهة للقائمة المرقمة. ولكن بما أننا نتعامل مع التعداد، هناك بعض الميزات التي سيتم مناقشتها بمزيد من التفصيل.

      ترقيم القائمة

      يُسمح ببدء القائمة من أي رقم؛ يتم استخدام سمة بداية العنصر لهذا الغرض

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

        مثال 1: تغيير ترقيم القائمة

        القوائم

        1. يجب أن تعتني جيدًا بمكان عملك.
        2. اضبط الإضاءة في الغرفة بحيث يكون مصدر الضوء بجانب المشغل أو خلفه.
        3. لتجنب المضاعفات الطبية، ينصح باختيار كرسي ذو مقعد ناعم.

        سيبدأ العنصر الأول من القائمة في هذا المثال بالرقم الروماني IV، حيث تم تحديد سمة البداية = "4"، ثم يأتي الرقم V، ويخرج العنصر الأخير من الترتيب ويخصص له الرقم X (الشكل 1).

        أرز. 1. الأرقام الرومانية في القائمة

        كتابة الأرقام

        بشكل افتراضي، تحتوي القائمة المرقمة على مظهر معين: أولاً يوجد رقم، ثم نقطة، وبعد ذلك يتم عرض النص مفصولاً بمسافة. يعتبر هذا النوع من الكتابة مرئيًا ومريحًا، لكن بعض المطورين يفضلون رؤية طريقة مختلفة لتصميم ترقيم القوائم. أي أنه بدلاً من النقطة يوجد قوس إغلاق، كما هو موضح في الشكل. 2 أو شيء من هذا القبيل.

        أرز. 2. عرض قائمة مرقمة مع قوس

        تسمح لك الأنماط بتغيير نوع ترقيم القائمة باستخدام خصائص المحتوى والزيادة المضادة. أولاً، يجب ضبط محدد ol على counter-reset : item ، وهذا ضروري حتى يبدأ الترقيم في كل قائمة جديدة من جديد. وإلا فإن الترقيم سيستمر وبدلا من 1،2،3 سترى 5،6،7. قيمة العنصر هي معرف فريد للعداد، ونحن نختاره بأنفسنا. بعد ذلك، تحتاج إلى إخفاء العلامات الأصلية من خلال خاصية النمط list-style-type مع القيمة none .

        تعمل خاصية content عادةً مع العناصر الزائفة ::after و:before. وبالتالي، يقول li::before Construction أنه يجب إضافة بعض المحتوى قبل كل عنصر في القائمة (المثال 2).

        مثال 2. إنشاء الترقيم الخاص بك

        Li::before ( content: counter(item) ") "; /* أضف قوسًا إلى الأرقام */ counter-increment: item; /* تحديد اسم العداد */ )

        تعرض خاصية المحتوى مع عداد القيمة (العنصر) رقمًا؛ وبإضافة قوسين، كما هو موضح في هذا المثال، نحصل على نوع الترقيم المطلوب. هناك حاجة إلى زيادة مضادة لزيادة رقم القائمة بمقدار واحد. لاحظ أنه يتم استخدام نفس المعرف، المسمى item ، طوال الوقت. يظهر الكود النهائي في المثال 3.

        مثال 3: تغيير عرض القائمة

        القوائم

        1. أولاً
        2. ثانية
        3. ثالث
        4. الرابع

        باستخدام الطريقة المذكورة أعلاه، يمكنك إنشاء أي نوع من القوائم المرقمة، على سبيل المثال، وضع رقم بين قوسين مربعين، في هذه الحالة سيتغير سطر واحد فقط في الأنماط.

        المحتوى: "[" counter(item) "] ";

        قائمة بأحرف روسية

        توجد قائمة مرقمة بأحرف لاتينية، لكن لا توجد أحرف روسية في القائمة. يمكن إضافتها بشكل مصطنع باستخدام التقنية المذكورة أعلاه. بما أن الترقيم يتم من خلال الأنماط، فإن القائمة نفسها تظل أصلية، ولا تتم إضافة سوى الفئة المحددة إليها، دعنا نسميها السيريلية (المثال 4).

        مثال 4: كود لإنشاء قائمة

        1. واحد
        2. اثنين
        3. ثلاثة

        تتم إضافة الحروف باستخدام العنصر الزائف ::before وخاصية المحتوى. نظرًا لأن كل سطر يجب أن يحتوي على حرف خاص به، فسوف نستخدم الفئة الزائفة :nth-child(1) ، مع كتابة رقم الحرف بين قوسين. الحرف الأول، بطبيعة الحال، هو A، والثاني هو B، والثالث هو C، وما إلى ذلك. تتم إضافة هذه المجموعة بأكملها إلى محدد li على النحو التالي (المثال 5).

        مثال 5: استخدام الفئة الزائفة:nth-child

        السيريلية li:nth-child(1)::before ( content: "a)"; ) .cyrilic li:nth-child(2)::before ( content: "b)"; ) .cyrilic li:nth-child(3)::before ( content: "at)"; )

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

        نقوم أخيرًا بضبط محاذاة الحروف وموضعها، واختياريًا تحديد حجم الخط واللون والمعلمات الأخرى (المثال 6).

        مثال 6. قائمة بأحرف روسية

        قائمة

        1. البرش حساء خضر روسي
        2. شرحات بايك
        3. كوليبياكا
        4. الفطر في القشدة الحامضة
        5. الفطائر مع الكافيار
        6. كفاس

        وتظهر نتيجة هذا المثال في الشكل. 3.

        في لغة ترميز HTML، هناك 3 أنواع من القوائم - قوائم مرتبة (مرقمة)، وغير مرتبة (غير مرقمة)، وقوائم التعريف.

        لإنشاء مثل هذه القائمة، تحتاج إلى نوعين من العناصر: "ul" (اختصار للقائمة غير المرتبة، أي القائمة غير المرتبة) و"li" (عنصر القائمة). يتم تمييز كل شيء مكتوب داخل "li" بعلامة.

        يمكن التحكم في مظهر هذه القائمة عن طريق تحديد أنواع العلامات.

        أنواع العلامات

        توجد سمة نوع خاص يتم وضعها في كلا عنصري القائمة. هذا هو نوع العلامة الخاصة بك. هناك ثلاثة أنواع فقط: الدائرة والقرص والمربع:

          - مربع
            - القرص
              - محيط

              اعتمادًا على المكان الذي تحدد فيه نوع العلامة، يمكنك تغييره للقائمة بأكملها أو لعنصر معين.

              قائمة مرتبة

              لإنشاء قائمة، تحتاج أيضًا إلى عنصرين: "ol" و"li" (عنصر القائمة). يتم استبدال العلامات بأرقام بنقطة. مثال على القائمة البسيطة:

              1. العنصر الأول
              2. العنصر الثاني
              3. العنصر الأخير

              يمكنك التحكم في مظهر القائمة المرتبة عن طريق تحديد أنواع مختلفة من الترقيم.

              أنواع الترقيم

              توجد سمة نوع خاص يتم وضعها في العنصر "ol" أو "li". هذا هو نوع القائمة الخاصة بك. هناك 5 أنواع في المجموع:

                - الترقيم بالأرقام العربية (1، 2، 3)
                  - الترقيم بالأحرف الكبيرة (A، B، C)
                    - الترقيم بالأحرف الصغيرة (أ، ب، ج)
                      - الترقيم بالأرقام الرومانية الكبيرة (I، II، III)
                        - الترقيم بالأرقام الرومانية الصغيرة (i، ii، iii)
                          - ما هو الرقم الذي يبدأ الترقيم منه؟

                          اعتمادًا على المكان الذي تحدد فيه نوع الترقيم، يمكنك تغييره للقائمة بأكملها أو لعنصر معين.

                          قائمة التعريفات

                          تم تطوير قائمة التعريفات لإدخالات القاموس.

                          هناك حاوية عامة "دل". بداخله يوجد "dt" (مصطلح التعريف) و"dd" (وصف التعريف). أبسط مثال:

                          قسم التسويق
                          يعمل هذا القسم على ترويج السلع والخدمات
                          الدائرة المالية
                          يتعامل هذا القسم مع جميع المعاملات المالية

                          جميع عناصر جميع القوائم هي عناصر كتلة. ولكن يمكن وضع العناصر المضمنة فقط داخل العنصر "dt". يمكنك وضع ما تريد في العنصرين "dd" و"li". هذا هو المكان الذي تأتي منه القوائم المتداخلة.

                          متداخلة (قوائم مختلطة)

                          هذه قوائم متعددة المستويات، يوجد ضمنها تسلسل هرمي. غالبًا ما يتم استخدام هذه القوائم عند إنشاء خريطة الموقع. مثال:

                          قائمة مختلطة
                          أخبار اليوم
                        1. اليوم المطر
                        2. سوف تمطر طوال اليوم
                          أخبار الليل
                        3. سوف تمطر في الليل
                        4. غدا سيبدأ يوم جديد
                        5. قوائم HTMLتستخدم لتجميع أجزاء من المعلومات ذات الصلة. هناك ثلاثة أنواع من القوائم:

                          قائمة نقطية

                            - كل عنصر من عناصر القائمة
                          • تم وضع علامة عليها بعلامة ،
                            قائمة مرقمة
                              - كل عنصر من عناصر القائمة
                            1. تم وضع علامة برقم
                              قائمة التعاريف- - تتكون من أزواج مصطلحات
                              تعريف.

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

                              إنشاء قوائم HTML

                              1. قائمة ذات تعداد نقطي

                              قائمة نقطيةهي قائمة غير مرتبة (من القائمة الإنجليزية غير المرتبة). تم إنشاؤها باستخدام علامة مقترنة

                              . علامة عنصر القائمة هي تسمية، على سبيل المثال، دائرة مملوءة.

                              تضيف المتصفحات بشكل افتراضي التنسيق التالي إلى كتلة القائمة:

                              يتم إنشاء كل عنصر في القائمة باستخدام علامة مقترنة

                            2. (من عنصر القائمة الإنجليزية).
                              متاح .
                            • مايكروسوفت
                            • جوجل
                            • تفاحة
                            أرز. 1. قائمة ذات تعداد نقطي

                            2. قائمة مرقمة

                            قائمة مرقمةيتم إنشاؤه باستخدام علامة مقترنة. يتم أيضًا إنشاء كل عنصر قائمة باستخدام العنصر

                          • . يقوم المتصفح بترقيم العناصر بالترتيب تلقائيًا، وإذا قمت بحذف عنصر أو أكثر من هذه القائمة، فسيتم إعادة حساب الأرقام المتبقية تلقائيًا.

                            تحتوي كتلة القائمة أيضًا على أنماط المتصفح الافتراضية:

                          • تتوفر سمة القيمة، والتي تسمح لك بتغيير الرقم الافتراضي لعنصر القائمة المحدد. على سبيل المثال، إذا كان للعنصر الأول في القائمة التي قمت بتعيينها
                          • ، فسيتم إعادة حساب الترقيم المتبقي بالنسبة إلى القيمة الجديدة.

                            للعلامة

                              السمات التالية متوفرة:

                              الجدول 1. سمات العلامة
                              يصف الوصف، القيمة المقبولة
                              عكس تؤدي السمة المعكوسة إلى عرض القائمة بترتيب عكسي (على سبيل المثال، 9، 8، 7...).
                              يبدأ تحدد سمة البداية القيمة الأولية التي سيبدأ منها الترقيم، على سبيل المثال، البناء
                                سيتم تعيين الرقم التسلسلي "10" للعنصر الأول. يمكنك أيضًا تحديد نوع الترقيم في نفس الوقت، على سبيل المثال،
                                  .
                              يكتب تحدد سمة النوع نوع العلامة التي سيتم استخدامها في القائمة (أحرف أو أرقام). القيم المقبولة:
                              1 - القيمة الافتراضية، الترقيم العشري.
                              أ - ترقيم القائمة بالترتيب الأبجدي، بالأحرف الكبيرة (أ، ب، ج، د).
                              أ - ترقيم القائمة بالترتيب الأبجدي، بالأحرف الصغيرة (أ، ب، ج، د).
                              I - الترقيم بالأرقام الرومانية الكبيرة (I، II، III، IV).
                              i - الترقيم بالأرقام الرومانية الصغيرة (i، ii، iii، iv).
                              1. مايكروسوفت
                              2. جوجل
                              3. تفاحة
                              أرز. 2. قائمة مرقمة

                              3. قائمة التعاريف

                              قوائم التعاريفيتم إنشاؤها باستخدام علامة

                              . لإضافة مصطلح، استخدم علامة
                              وإدراج تعريف - العلامة
                              .

                              تحتوي كتلة قائمة التعريفات على أنماط المتصفح الافتراضية التالية:

                              للعلامات

                              ,
                              و
                              متاح .

                              مخرج:
                              بيتر توتشيلين
                              يقذف:
                              أندريه جيدوليان
                              أليكسي جافريلوف
                              فيتالي جوجونسكي
                              ماريا كوزيفنيكوفا
                              أرز. 3. قائمة التعاريف

                              4. قائمة متداخلة

                              في كثير من الأحيان، لا تكون إمكانيات القوائم البسيطة كافية؛ على سبيل المثال، عند إنشاء جدول محتويات، لا توجد طريقة للاستغناء عنها العناصر المتداخلة. سيكون ترميز القائمة المتداخلة كما يلي:

                              • الفقرة 1.
                              • النقطة 2.
                                • البند الفرعي 2.1.
                                • البند الفرعي 2.2.
                                  • البند الفرعي 2.2.1.
                                  • البند الفرعي 2.2.2.
                                • البند الفرعي 2.3.
                              • النقطة 3.

                              أرز. 4. قائمة متداخلة

                              5. قائمة مرقمة متعددة المستويات

                              يتم استخدام القائمة متعددة المستويات لعرض عناصر القائمة على مستويات مختلفة بمسافات بادئة مختلفة. سيكون ترميز القائمة المرقمة متعددة المستويات كما يلي:

                              1. فقرة
                              2. فقرة
                                1. فقرة
                                2. فقرة
                                3. فقرة
                                  1. فقرة
                                  2. فقرة
                                  3. فقرة
                                4. فقرة
                              3. فقرة
                              4. فقرة

                              سيؤدي هذا الترميز الافتراضي إلى إنشاء ترقيم جديد لكل قائمة متداخلة، بدءًا بواحد. لإنشاء ترقيم متداخل، تحتاج إلى استخدام الخصائص التالية:
                              تقوم ميزة إعادة تعيين العداد بإعادة تعيين عداد واحد أو أكثر، مع تحديد القيمة التي سيتم إعادة تعيينها؛
                              تحدد الزيادة المضادة قيمة زيادة العداد، أي. في أي زيادات سيتم ترقيم كل عنصر لاحق؛
                              المحتوى - المحتوى الذي تم إنشاؤه، وفي هذه الحالة يكون مسؤولاً عن عرض الرقم قبل كل عنصر في القائمة.

                              Ol ( /* إزالة الترقيم القياسي */ نمط القائمة: لا شيء؛ /* تحديد العداد وإعطائه الاسم li. لم يتم تحديد قيمة العداد - افتراضيًا هي 0 */ counter-reset: li; ) li :before ( /* نحدد العنصر الذي سيتم ترقيمه - li. يشير العنصر الزائف قبل إلى أن المحتوى المدرج باستخدام خاصية المحتوى سيتم وضعه قبل عناصر القائمة. هنا أيضًا نقوم بتعيين قيمة زيادة العداد (افتراضي) هو 1).*/ counter-increment: li; / * تعرض خاصية المحتوى رقم عنصر القائمة.counters() تعني أن النص الذي تم إنشاؤه يمثل قيم جميع العدادات التي تحمل هذا الاسم. نقطة بين علامتي الاقتباس يضيف فترة فاصلة بين الأرقام، وتضاف نقطة بمسافة قبل محتوى كل عنصر في القائمة */ content: counters(li,".") "."; )
                              أرز. 5. قائمة مرقمة متعددة المستويات

                          آخر تحديث: 04/08/2016

                          قائمة التعريفات هي قائمة تحتوي على مصطلح وتعريف لهذا المصطلح. ويمكن أن يكون هناك العديد من أزواج تعريفات المصطلحات في القائمة. يتم استخدام العلامات لإنشاء قائمة التعريفات

                          و
                          . يتم وضع عناصر القائمة داخل هذه العلامات.

                          يتكون كل عنصر من عناصر القائمة من مصطلح وتعريف. يتم وضع المصطلح في العلامات

                          و
                          (dt هو اختصار لعبارة "مصطلح التعريف")، والتعريف موجود في العلامات
                          و
                          (dd هو اختصار لعبارة "وصف التعريف")

                          دعونا نفكر في أبسط قائمة التعاريف:

                          القوائم في HTML5

                          الوجود
                          فرع من فروع الفلسفة يدرس المبادئ الأساسية للوجود
                          نظرية المعرفة
                          فرع فلسفي يهتم بالبحث والنقد ونظريات المعرفة
                          علاقات الإنتاج
                          مجموعة العلاقات بين الناس التي تتطور في عملية الإنتاج الاجتماعي وتبادل وتوزيع السلع والخدمات المادية.