تگ ul در HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 2 دقیقه 14 دسامبر 2020
تگ ul در HTML

در این مقاله با تگ 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 را در دویکس دنبال کنید.

چه امتیازی به این مقاله می دید؟

دیدگاه کاربران

1 دیدگاه


Notice: Undefined variable: user_ID in /home/devixir/public_html/wp-content/themes/DevixFullOne/comments.php on line 16

دیدگاه های این نوشته

  1. Lora Stonden گفت:

    Hi there,

    Huge fan of your content here!

    Anyway – to keep this short. Could you please let me know if this is a right address for and editorial inquiry?

    If not, I would appreciate if you can direct me to the right one.

    I know that has a great potential an a real base of visitors so I would really like to start a collaboration with you. Could you tell me if you would be willing to accept any type of guest post, editorial or or other form of link placement?

    Seeing that it’s pretty hard to match your writing style, I think it would be a lot better if you could include a link to our website into a new or even older article of yours, for a fee.

    If this sounds like something you could do, simply reply to this email, tell me your guest post or external link policy and the price to have our website promoted on yours, and let’s make a deal! 🙂

    Thanks,
    Lora Stonden