English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
استخدام علامة <li> في مستند HTML <ol،<ul> أو <menu> يحدد عنصر القائمة. وتُستخدم هذه العلامة أيضًا كـ <li> عنصر.
مثال على قائمتين في HTML: قائمة مرتبة (<ol>) وقائمة غير مرتبة (<ul>)
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>استخدام علامة li في HTML5 (موقع دروس أساسية للإنترنت oldtoolbag.com)</title> </head> <body> <ol> <li>المنتج الأول</li> <li>المنتج الثاني</li> <li>المنتج الثالث</li> <li>المنتج الرابع</li> </ol> <ul> <li>المنتج الأول</li> <li>المنتج الثاني</li> <li>المنتج الثالث</li> </ul> <ul> <li>المنتج الأول <ol> <li>المنتج المحمول A</li> <li>المنتج المحمول B</li> <li>المنتج المحمول C</li> <li>المنتج المحمول D</li> </ol> </li> <li>المنتج الثاني</li> <li>المنتج الثالث</li> <li>المنتج الرابع</li> </ul> </body> </html>التحقق من ذلك <‹/›
في هذا مثال على مستند HTML5، لدينا قائمة مرتبة <ol> تحتوي على أربعة عناصر <li>. ثم لدينا قائمة غير مرتبة <ul> تحتوي على ثلاثة عناصر <li>. وأخيرًا، نحن نضيف علامة <ol> داخل علامة <ul>.
IEFirefoxOperaChromeSafari
يدعم معظم المتصفحات الشائعة علامة <li>.
تعريف علامة <li> لمشروع القائمة.
يمكن استخدام علامة <li> في القوائم المرتبة (<ol>)、قائمة غير مرتبة (<ul>()) و قائمة القوائم (<menu>())
يمكنك تضمين قوائم <ol،<ul> و <menu>.
"property" المفردة في HTML 4.01 قد تم إزالتها. لا يدعمها HTML5.
"property" المفردة في HTML 4.01 قد تم إزالتها. لا يدعمها HTML5.
نصيحة: استخدم CSS لتعريف نوع القائمة والبنود.
| الخصائص | القيمة | وصف |
|---|---|---|
| type | 1 A a I i disc square circle | لا يدعمها HTML5. تم إزالة هذه الخاصية من HTML 4.01. يُنصح بعدم استخدامها. استبدلها بالتصميم. يحدد أي نوع من نقاط البنود يستخدم. قيمة حرفية، تشير إلى نمط الترقيم. يمكن أن تكون أي من القيم التالية: |
| value | number | يُنصح بعدم استخدامها. استبدلها بالتصميم. يحدد الرقم الذي يحدد مشروع القائمة. |
دعم <li> خصائص الحدث العالمية، راجع الجدول الكامل للخصائص خصائص العلامات العالمية لـ HTML.
دعم <li> جميع خصائص الحدث خصائص الحدث لـ HTML.
أنواع مختلفة من القوائم المرتبة
هذا المثال يعرض أنواع مختلفة من القوائم المرتبة.
أنواع مختلفة من القوائم غير المرتبة
هذا المثال يعرض أنواع مختلفة من القوائم غير المرتبة.
قائمة مدمجة
هذا المثال يعرض كيفية دمج القوائم.
قائمة مدمجة 2
هذا المثال يعرض قائمة مدمجة معقدة.
قائمة مخصصة
هذا المثال يعرض قائمة معينة.
دليل HTML: قائمة HTML