انواع لیست در HTML
در زبان نشانه‌گذاری HTML، لیست‌ها ابزارهای ساختاری مهمی برای نمایش اطلاعات طبقه‌بندی شده هستند. سه نوع اصلی لیست وجود دارد که هر کدام کاربردهای خاص خود را دارند:
- لیست‌های مرتب (Ordered Lists)
- لیست‌های نامرتب (Unordered Lists)
- لیست‌های توضیحی (Definition Lists)
1. لیست‌های مرتب (Ordered Lists)
این نوع لیست برای نمایش مواردی استفاده می‌شود که ترتیب و توالی آن‌ها اهمیت دارد. مانند مراحل انجام یک دستورالعمل یا رتبه‌بندی‌ها.
| تگ |
توضیحات |
<ol> |
تگ اصلی برای ایجاد لیست مرتب |
<li> |
برای تعریف هر آیتم در لیست |
مثال:
<ol>
<li>آیتم اول</li>
<li>آیتم دوم</li>
</ol>
2. لیست‌های نامرتب (Unordered Lists)
این لیست‌ها برای نمایش مجموعه‌ای از آیتم‌ها استفاده می‌شوند که ترتیب خاصی ندارند. معمولاً با علامت‌های گلوله‌ای یا مربعی نمایش داده می‌شوند.
- منوی ناوبری وبسایت‌ها
- لیست ویژگی‌های یک محصول
- نمایش گزینه‌های بدون ترتیب خاص
برای سفارشی‌سازی نشانگرهای لیست می‌توانید از ویژگی list-style-type در CSS استفاده کنید.
3. لیست‌های توضیحی (Definition Lists)
این نوع لیست کمتر استفاده می‌شود اما برای نمایش رابطه‌ی اصطلاح-توضیح بسیار مناسب است. مانند فرهنگ لغت یا لیست واژه‌نامه‌ای.
| تگ |
کاربرد |
<dl> |
تگ اصلی لیست توضیحی |
<dt> |
تعریف اصطلاح |
<dd> |
توضیح اصطلاح |
برای یادگیری تکنیک‌های پیشرفته‌تر کار با لیست‌ها در HTML می‌توانید از انواع لیست در html استفاده کنید.
نکته مهم: لیست‌ها را می‌توان به صورت تو در تو (Nested) استفاده کرد. این تکنیک برای ایجاد منوهای چند سطحی بسیار کاربرد دارد.
