<ul>: عنصر UL
آخر تحديث: 2026-10-13
<ul>عنصر UL
عنصر <ul> (قائمة غير مرتبة) يعرّف قائمة عناصر بلا ترتيب، تُعرض بنقاط تعداد افتراضيًا. كل عنصر هو <li>. تناسب قوائم التنقل وقوائم التحقق.
| الفئة | القوائم |
|---|---|
| نموذج المحتوى | صفر أو أكثر من <li> وعناصر داعمة للسكربت |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </ul> وسم |
| الحالة | قياسي |
📝 البنية
<ul>
<li>العنصر الأول</li>
<li>العنصر الثاني</li>
</ul>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <ul> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
❓ الأسئلة الشائعة
Qهل يجب أن تحتوي ul على li؟
Aنعم، نموذج محتوى
<ul> لا يقبل سوى <li> (وعناصر دعم السكربت)، ووضع نص أو div مباشرة HTML غير صالح. ولعرض «حاوية ليست قائمة» استخدم div.Qهل يصلح ul لقائمة تنقل؟
Aنعم،
<ul> + <li> + <a> هو الهيكل المعياري للتنقل، يلف خارجها <nav> لدلالة المعلم، ويصفيها CSS من النقاط ويحوّلها أفقيةً. ويبث قارئ الشاشة «قائمة، N بندًا» ليسبق المستخدم إلى طول القائمة.Qما CSS الخاص بإزالة نقاط القائمة؟
A
ul { list-style: none; } سطر واحد ينجز الأمر؛ ولإزالة المسافة البادئة معه أضف padding-left: 0 (المتصفح يمنح ul حشوة افتراضية). وانتبه: بعد إزالة النقاط يظل قارئ الشاشة يتعرف عليه قائمة — وهذه بالضبط قيمة حفظ الدلالة.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
