تگ ul در HTML

تگ ul در HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 2 دقیقه آخرین بروز رسانی: 24 آذر 1399

در این مقاله با تگ ul در HTML آشنا می شویم.

نکات اصلی تگ ul در HTML

  • تگ <ul> لیست نامرتبی از موارد را ایجاد می کند.
  • برای نشان دادن موارد موجود در لیست ، از <li> استفاده کنید.
  • تگ <ul> در HTML توسط هر مرورگری پشتیبانی می شود.
  • این تگ از تمام ویژگی های جهانی پشتیبانی می کند.

ایجاد لیست گلوله های HTML

اول از همه ، ul به معنای چیست؟ این به معنی یک لیست غیر مرتب است که معمولاً به صورت لیست گلوله های HTML نمایش داده می شود:

<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>

توجه: نشانگرهای چنین لیستی را می توان با استفاده از CSS سفارشی کرد.

ویژگی های منسوخ شده

دو ویژگی وجود دارد که معمولاً با تگ ul استفاده می شود. با این حال ، هر دو در HTML5 منسوخ شده اند. ما به جای آن از ویژگی های CSS استفاده می کنیم.

compact باعث می شود لیست به سبک جمع و جورتری ظاهر شود. ظاهر دقیق آن به مرورگر بستگی دارد:

<ul compact>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>

توجه: به جای جمع و جور ، از ویژگی CSS-line-height استفاده کنید.type نوع نشانگر مورد استفاده در لیست گلوله های HTML را مشخص می کند – یک مربع ، یک دیسک یا یک دایره

<ul type="square">
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>

توجه: به جای نوع ، از ویژگی CSS list-style-type استفاده کنید.

پشتیبانی از مرورگر

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊