سبد (0)

تبلیغات

تگ li در HTML

مثال (تگ li در HTML)

یک لیست ترتیبی (<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 در HTML

تگ <li> آیتم های یک لیست را تعریف می کند.

از تگ <li> در لیست های ترتیبی (<ol>) لیست های غیر ترتیبی (<ul>)، و در فهرست منو (<menu>) استفاده می شود.


پشتیبانی مرورگرها از تگ li در HTML

عنصر          
<li> بله بله بله بله بله

تفاوت بین HTML 4.01 و HTML5

خصوصیت "type" در HTML5 پشتیبانی نمی شود.

خصوصیت "value" در HTML 4.01 توصیه نمی شود اما در HTML5 پشتیبانی می شود.


نکته ها و ترفندها

نکته: برای مشخص کردن نوع لیست از CSS استفاده می کنیم.


خصوصیت ها

خصوصیت مقدار توضیحات
type 1
A
a
I
i
disc
square
circle
درHTML5 پشتیبانی نمی شود.
 
نوع شمارشگر آیتم ها را مشخص می کند.
value number آیتم های یک لیست را مشخص می کند. و مقدار سایر آیتم ها در ادامه از آن مقدار به بعد یکی یکی افزایش می یابد (فقط برای لیست های مرتب (<ol>) استفاده می شود)

ویژگی های عمومی تگ li در HTML

تگ <li> از ویژگی های عمومی در HTML پشتیبانی می کند.


رویدادهای عمومی تگ li در HTML

تگ <li> از رویدادهای عمومی در HTML پشتیبانی می کند.


مثال

خودتان امتحان کنید - مثال

 

A nested list
 نمایش لیست های تو در تو.

Another nested list
 نمایش لیست های تو در توی پیچیده تر.


آموزش های مرتبط

آموزش HTML-لیست ها

مرجع اشیاء اچ تی ام ال: تگ li در JavaScript 

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان