برچسب <li> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
یک مورد لیست را تعریف می‌کند
معرفی شده در نسخهٔ:۱
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:display: list-item;

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

یک فهرست اچ‌تی‌ام‌ال مرتب‌شده (<ol>) و یک فهرست اچ‌تی‌ام‌ال غیرمرتب:

<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>) استفاده می‌شود.

پشتیبانی مرورگر

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<li> بله بله بله بله بله

نکات و ملاحظات

نکته: از CSS برای تعریف نوع فهرست و سبک‌دهی به فهرست‌ها استفاده کنید.

ویژگی‌ها

ویژگی مقدار شرح
value number مقدار یک مورد از فهرست را مشخص می‌کند. موردهای فهرست از آن عدد به بعد در عدد مربوطه افزایش پیدا می‌کنند (فقط برای فهرست‌های <ol>)

ویژگی‌های سراسری

همچنین برچسب <li> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <li> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

مثال‌های بیشتر

مثال

نوع‌های گوناگون سبک فهرست را تنظیم کنید (با CSS):

<ol>
  <li>Coffee</li>
  <li style="list-style-type:lower-alpha">Tea</li>
  <li>Milk</li>
</ol>

<ul>
  <li>Coffee</li>
  <li style="list-style-type:square">Tea</li>
  <li>Milk</li>
</ul>


مثال

یک فهرست درون یک فهرست دیگر ایجاد کنید (یک فهرست تودرتو):

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>


مثال

یک فهرست تودرتوی پیچیده‌تر ایجاد کنید:

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea
        <ul>
          <li>China</li>
          <li>Africa</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Milk</li>
</ul>


صفحات مرتبط

آموزش اچ‌تی‌ام‌ال: فهرست‌های اچ‌تی‌ام‌ال (HTML Lists)

مرجع DOM اچ‌تی‌ام‌ال: شی Li (Li Object)

آموزش CSS: سبک‌دهی به فهرست‌ها (Styling Lists)

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها عنصر <li> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

li {
  display: list-item;
}


منابع آموزشی