تگ li در HTML: راهنمای جامع
تگ <li> یکی از عناصر پایه‌ای در HTML است که برای ایجاد لیست‌های مرتب‌شده و نامرتب استفاده می‌شود. این تگ معمولاً در ترکیب با تگ‌های <ul> یا <ol> به کار می‌رود و هر آیتم لیست را مشخص می‌کند.
انواع لیست‌ها در HTML
| نوع لیست |
تگ والد |
کاربرد |
| لیست نامرتب |
<ul> |
لیست‌های بدون ترتیب خاص (با نقاط سیاه) |
| لیست مرتب |
<ol> |
لیست‌های عددی یا الفبایی |
ویژگی‌های تگ li
- می‌تواند شامل متن، تصاویر یا سایر عناصر HTML باشد
- در لیست‌های تو در تو قابل استفاده است (Nested Lists)
- از CSS برای تغییر ظاهر آن می‌توان استفاده کرد
- در HTML5، ویژگی value برای لیست‌های مرتب پشتیبانی می‌شود
توجه: تگ <li> باید حتماً داخل تگ‌های <ul> یا <ol> قرار گیرد، در غیر این صورت ساختار معتبری نخواهد داشت.
مثال‌های کاربردی
در زیر نمونه‌ای از لیست خرید با استفاده از تگ li آمده است:
برای یادگیری بیشتر درباره تگ‌های لیست در HTML می‌توانید تگ li در html.
نکات پیشرفته
- استفاده از display: inline-block برای لیست‌های افقی
- امکان تغییر مارکرهای لیست با CSS (list-style-type)
- کاربرد تگ li در منوهای ناوبری سایت‌ها
- استفاده از لیست‌ها برای ساخت گالری تصاویر
تگ <li> یکی از پرکاربردترین عناصر در طراحی وب است و تسلط بر آن برای هر توسعه‌دهنده وب ضروری می‌باشد. با ترکیب این تگ و CSS می‌توانید لیست‌های زیبا و کاربرپسند ایجاد کنید.
