أحدث البرامج التعليمية وتطوير الشبكة
 

HTML <li> Tag


مثال

واحد أمر (<ol>) واحد غير مرتبة (<ul>) قائمة HTML:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
انها محاولة لنفسك »

أكثر "انها محاولة لنفسك" الأمثلة أدناه.


تعريف واستخدام

و <li> تعرف العلامة عنصر قائمة.

و <li> يستخدم علامة في القوائم المرتبة ( <ol> )، وقوائم غير مرتبة ( <ul> )، وفي القوائم القائمة ( <menu> ).


دعم المتصفح

العنصر
<li> نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا

الخلافات بين HTML 4.01 و HTML5

و "type" غير معتمدة السمة في HTML5.

و "value" كان سمة deprecated في HTML 4.01، ولكن معتمد في HTML5.


نصائح وملاحظات

نصيحة: يمكنك استخدام CSS لتحديد نوع القائمة.


الصفات

السمة القيمة وصف
type 1
A
a
I
i
disc
square
circle
غير معتمدة في HTML5.
يحدد التي سيتم استخدام نوع من النقطة
value number يحدد قيمة لعنصر قائمة. سوف عناصر القائمة التالية فسيزيد من هذا العدد (فقط لل <ol> القوائم)

السمات العامة

و <li> يدعم أيضا الوسم السمات العامة في HTML .


سمات الحدث

و <li> يدعم أيضا الوسم حدث سمات في HTML .


انها محاولة لنفسك - أمثلة

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

قائمة متداخلة أخرى
قائمة المتداخلة أكثر تعقيدا.


صفحات ذات صلة

HTML البرنامج التعليمي: قوائم HTML

HTML DOM إشارة: كائن لي

CSS دروس: قوائم التصميم


الإعدادات الافتراضية CSS

معظم المتصفحات عرض <li> عنصر مع القيم الافتراضية التالية:

li {
    display: list-item;
}