<ul>

وسم القائمة غير المرتبة <ul>

وسم ul ينشئ قائمة نقطية لعناصر لا يهم ترتيبها، وكل عنصر فيها داخل وسم li.

القائمة غير المرتبة (unordered) تعرض عناصرها بنقاط • افتراضيًّا، وتُستخدم عندما لا يحمل الترتيب معنى: مميزات منتج، روابط تنقل، قائمة مشتريات. الأبناء المباشرون لها يجب أن يكونوا عناصر li حصرًا.

معلومة توسّع الأفق: أغلب قوائم التنقل في المواقع الاحترافية هي ul منسقة بـ CSS — الدلالة للقارئ الآلي والشكل للـ CSS.

الصياغة

<ul>
  <li>العنصر الأول</li>
  <li>العنصر الثاني</li>
</ul>

⚡ جرّب بنفسك

عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.

🎨 محرّر HTML/CSS

<h3>مميزات المنصة</h3>
<ul>
  <li>دروس عربية مجانية</li>
  <li>محرر تفاعلي بالمتصفح</li>
  <li>شهادات قابلة للتحقق</li>
</ul>

النتيجة المباشرة:

أهم الخصائص

الخاصية	الوظيفة
class	للتنسيق — إخفاء النقاط list-style:none شائع في قوائم التنقل

💡 نصائح عملية

الترتيب مهم (خطوات وصفة)؟ استخدم ol بدلها
القوائم المتداخلة: ضع ul جديدة داخل li الأب — لا بجانبه

⚠️ أخطاء شائعة

وضع نص أو div مباشرة داخل ul بلا li — الأبناء المباشرون li فقط
استخدام فقرات وشرطات يدوية بدل قائمة حقيقية — تخسر الدلالة والتنسيق الآلي

🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار HTML الكامل بالعربي.

📚 للتعمق التقني الكامل بالإنجليزية: MDN Web Docs