معرفی و کاربرد تگ li در HTML
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد تگ <li> در HTML می پردازیم.
تگ <li> در HTML
معرفی و کاربرد تگ li در HTML | معرفی و کاربرد تگ li در HTML | معرفی و کاربرد تگ li در HTML | معرفی و کاربرد تگ li در HTML | معرفی و کاربرد تگ li در HTML | معرفی و کاربرد تگ li در HTML | معرفی و کاربرد تگ li در HTML
تگ <li> جهت ساخت انواع لیست ها در سند HTML کاربرد دارد. و آیتم های یک لیست را تعریف می کند.
از تگ <li> به عنوان آیتم لیست ها در لیست های ترتیبی <ol> ، لیست های غیر ترتیبی <ul> ، و در فهرست منو <menu> استفاده می شود.
تگ <ol> همان طور که اشاره کردیم، یک لیست مرتب را تعریف می کند. که آن لیست مرتب می تواند بر حسب عددی یا الفبایی مرتب شود.
از تگ <li> برای آیتم های لیست مرتب استفاده می کنیم.
تگ <ul> یک لیست غیر ترتیبی یا نامرتب (که به صورت گلوله نمایش داده می شود) را تعریف می کند.
تگ <li> همراه با تگ <ul> برای ساخت لیست های غیر ترتیبی بکار می رود.
مثال هایی در مورد تگ <li> در html
مثال اول li در ساخت لیست مرتب
1 2 3 4 5 | <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> |
خروجی کد در مرورگر اینترنتی
- Coffee
- Tea
- Milk
مثال دوم li در ساخت لیست نامرتب
1 2 3 4 5 | <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> |
خروجی کد در مرورگر اینترنتی
- Coffee
- Tea
- Milk
بررسی تگ <li> در HTML 4.01 و HTML5
تگ <li> در هر دو نسخه HTML 4.01 و HTML5 پشتیبانی می شود.
خصوصیات ویژه تگ <li> در HTML5
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| type | 1 A a I i disc square circle | درHTML5 پشتیبانی نمی شود. نوع شمارشگر آیتم ها را مشخص می کند. |
| value | number | آیتم های یک لیست را مشخص می کند. و مقدار سایر آیتم ها در ادامه از آن مقدار به بعد یکی یکی افزایش می یابد (فقط برای لیست های مرتب (<ol>) استفاده می شود) |
ویژگی های عمومی تگ <li> در HTML
تگ <li> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.
رویدادهای عمومی تگ <li> در HTML
تگ <li> از کلیه رویدادهای عمومی در سند HTML پشتیبانی می کند.
پشتیبانی مرورگرها از تگ <li> در HTML
تگ <li> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
ثبت ديدگاه