يبدو أن هناك خلطًا طفيفًا في الوصف: القائمة التي تتبع ترتيبًا رقميًا تُعرف باسم القائمة المرتبة، أما القائمة غير المرتبة فهي تستخدم رموزًا مثل النقاط أو العلامات بدلًا من الأرقام. سأوضح المقال مع التركيز على الفرق، مع ذكر طريقة الاستخدام في مواقع الويب.
القائمة غير المرتبة في مواقع الويب
تُعد القوائم جزءًا أساسيًا من تصميم صفحات الويب، إذ تساعد على تنظيم المعلومات بطريقة واضحة وسهلة القراءة. من أبرز أنواع القوائم في HTML ما يلي:
القائمة المرتبة (Ordered List):
تُستخدم عند الحاجة إلى ترتيب العناصر حسب تسلسل معين، سواء كان رقميًا أو أبجديًا. يتم ترقيم كل عنصر في القائمة تلقائيًا باستخدام <ol> و<li>.
القائمة غير المرتبة (Unordered List):
على العكس، تُستخدم القوائم غير المرتبة عندما لا يكون ترتيب العناصر مهمًا. يتم عرض كل عنصر في القائمة مع رمز صغير، غالبًا ما يكون نقطة (•)، بدلًا من الأرقام. يتم إنشاؤها باستخدام الوسم <ul> لكل قائمة، مع الوسم <li> لكل عنصر.
- الاجابة : خطأ.
كيفية إنشاء قائمة غير مرتبة
في HTML، يُمكنك كتابة قائمة غير مرتبة بالشكل التالي:
<ul>
<li>العنصر الأول</li>
<li>العنصر الثاني</li>
<li>العنصر الثالث</li>
</ul>
في هذا المثال، تظهر العناصر الثلاثة مع نقاط أمام كل عنصر، مما يسهّل على المستخدم تمييز كل نقطة بشكل مستقل.
ميزات القائمة غير المرتبة
تنظيم المعلومات: تجعل القراءة أسهل، خاصة عند عرض مجموعة من المميزات أو الخيارات.
مرونة في التصميم: يمكن تعديل شكل الرموز (نقاط، مربعات، دوائر) باستخدام CSS.
سهولة الاستخدام: لا تحتاج إلى ترتيب محدد، مما يجعلها مثالية للقوائم العامة أو التوضيحية.
مثال عملي لتغيير شكل النقاط باستخدام CSS
<ul style=”list-style-type: square;”>
<li>التصميم الجرافيكي</li>
<li>برمجة الويب</li>
<li>تحليل البيانات</li>
</ul>
في هذا المثال، تم تغيير شكل النقاط إلى مربعات بدلًا من الدوائر الافتراضية.
باختصار، القائمة غير المرتبة هي أداة ممتازة لتنظيم العناصر على صفحات الويب بدون الحاجة إلى ترتيب رقمي، بينما تُستخدم القوائم المرتبة عندما يكون الترتيب أو التسلسل مهمًا. فهم الفرق بين النوعين يساعد المصممين والمبرمجين على اختيار الشكل الأنسب لمحتوى الصفحة.
