معرفی و کاربرد تگ li در HTML

معرفی و کاربرد تگ li در HTML

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد تگ <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. Coffee
  2. Tea
  3. Milk

مثال دوم li در ساخت لیست نامرتب

خروجی کد در مرورگر اینترنتی

  • Coffee
  • Tea
  • Milk

بررسی تگ <li> در HTML 4.01 و HTML5

تگ <li> در هر دو نسخه HTML 4.01 و HTML5 پشتیبانی می شود.

خصوصیات ویژه تگ <li> در HTML5

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

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

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

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

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

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

تگ <li> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

معرفی و کاربرد تگ li در HTML – اختصاصی سایت آموزی

توسط | ۱۳۹۷/۵/۲۳ ،۰۹:۲۰:۰۵ +۰۰:۰۰ مرداد ۲۳ام, ۱۳۹۷|html دسته بندی ها|برچسب ها: , , , , , , |بدون دیدگاه

در باره نویسنده :

ثبت ديدگاه

5 × 3 =