تگ OL در HTML: راهنمای جامع لیست‌های مرتب‌شده
تگ <ol> یکی از عناصر پایه‌ای در HTML است که برای ایجاد لیست‌های مرتب‌شده (Ordered Lists) استفاده می‌شود. این تگ به همراه تگ‌های <li> امکان نمایش محتوا به صورت فهرست‌های شماره‌دار را فراهم می‌کند.
تگ OL برای مواقعی مناسب است که ترتیب آیتم‌های لیست دارای اهمیت باشد، مانند مراحل انجام یک کار یا اولویت‌بندی موارد.
ویژگی‌های اصلی تگ OL
- پشتیبانی از انواع مختلف شماره‌گذاری (اعداد، حروف، اعداد رومی)
- قابلیت تعیین نقطه شروع شماره‌گذاری
- امکان تغییر جهت نمایش (راست به چپ یا چپ به راست)
- سازگاری با تمام مرورگرهای مدرن
| ویژگی |
توضیح |
| type |
تعیین نوع شماره‌گذاری (1, A, a, I, i) |
| start |
شروع شماره‌گذاری از عدد مشخص |
| reversed |
نمایش لیست به صورت نزولی |
نمونه کد عملی
<ol type="I" start="5">
<li>آیتم اول</li>
<li>آیتم دوم</li>
<li>آیتم سوم</li>
</ol>
این کد خروجی زیر را تولید می‌کند:
- آیتم اول
- آیتم دوم
- آیتم سوم
کاربردهای عملی تگ OL
از تگ <ol> در موارد متعددی می‌توان استفاده کرد:
- نمایش دستورالعمل‌های مرحله‌به‌مرحله
- فهرست کردن اولویت‌ها یا رتبه‌بندی‌ها
- نمایش جدول زمانی یا تاریخچه رویدادها
- ایجاد فهرست مطالب در مقالات بلند
برای یادگیری عمیق‌تر درباره تگ OL و کاربردهای پیشرفته آن، می‌توانید تگ ol.
نکات مهم در استفاده از تگ OL
- همیشه از تگ <li> برای تعریف آیتم‌های لیست استفاده کنید
- برای لیست‌های تو در تو می‌توان OL را داخل OL دیگر قرار داد
- استایل‌دهی پیشرفته با CSS امکان‌پذیر است
- در HTML5 ویژگی compact حذف شده است
با رعایت این اصول و استفاده صحیح از تگ <ol>، می‌توانید لیست‌های حرفه‌ای و کاربرپسندی در صفحات وب ایجاد کنید.
