تگ 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>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
نمایش لیست های تو در توی پیچیده تر.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ li در JavaScript
- نوشته شده توسط سمیه فخری
- بازدید: 15128
