لیست‌ها در HTML

در HTML، برای نمایش مجموعه‌ای از آیتم‌ها به ترتیب یا بدون ترتیب، از تگ‌های لیست استفاده می‌شود. سه نوع لیست اصلی وجود دارد: لیست‌های مرتب (Ordered List)، لیست‌های نامرتب (Unordered List) و لیست‌های تعبیه‌شده (Definition List).

۱. لیست‌های نامرتب (Unordered List)

در این نوع لیست، آیتم‌ها به صورت غیرترتیبی و با استفاده از نشانه‌ها (معمولاً نقاط یا گلوله‌ها) نمایش داده می‌شوند.

<ul>

    <li>آیتم 1</li>

    <li>آیتم 2</li>

    <li>آیتم 3</li>

</ul>

تگ <ul> برای ایجاد لیست نامرتب است.
تگ <li> برای هر آیتم داخل لیست استفاده می‌شود.

۲. لیست‌های مرتب (Ordered List)

در این نوع لیست، آیتم‌ها به ترتیب عددی یا حروفی نمایش داده می‌شوند.

<ol>

    <li>مرحله اول</li>

    <li>مرحله دوم</li>

    <li>مرحله سوم</li>

</ol>

تگ <ol> برای ایجاد لیست مرتب است.
تگ <li> برای هر آیتم داخل لیست استفاده می‌شود.
به طور پیش‌فرض، لیست‌های مرتب به صورت عددی نمایش داده می‌شوند، اما می‌توان با استفاده از ویژگی‌های CSS، نوع شماره‌گذاری را تغییر داد.

۳. لیست‌های تعبیه‌شده (Definition List)

این نوع لیست برای نمایش اصطلاحات و تعاریف یا توضیحات به کار می‌رود.

<dl>

    <dt>HTML</dt>

    <dd>زبان نشانه‌گذاری برای ایجاد صفحات وب است.</dd>

    <dt>CSS</dt>

    <dd>زبان استایل‌دهی برای طراحی صفحات وب است.</dd>

</dl>

تگ <dl> برای ایجاد لیست تعبیه‌شده است.
تگ <dt> برای نمایش اصطلاحات یا عناوین استفاده می‌شود.
تگ <dd> برای توضیحات یا تعریف اصطلاحات استفاده می‌شود.

۴. ترکیب لیست‌ها (Nested Lists)

در HTML می‌توان لیست‌ها را داخل یکدیگر قرار داد تا ساختارهای پیچیده‌تری ایجاد کنیم.

<ul>

    <li>آیتم 1

        <ul>

            <li>زیرآیتم 1.1</li>

            <li>زیرآیتم 1.2</li>

        </ul>

    </li>

    <li>آیتم 2</li>

</ul>

در این مثال، یک لیست نامرتب داخل یک آیتم لیست دیگر قرار داده شده است.

نتیجه‌گیری

لیست‌ها در HTML ابزاری بسیار مفید برای سازماندهی اطلاعات و نمایش فهرست‌های مرتب یا غیرمرتبی هستند که به کاربران کمک می‌کنند محتوا را به راحتی مرور کنند.