معرفی و کاربرد تگ ol در HTML لیست شمارشی یا مرتب
در این مقاله از سایت آموزی جهت استفاده شما کاربران گرامی به معرفی و کاربرد تگ <ol> در HTML می پردازیم.
تگ <ol> در HTML
تگ <ol> یک لیست مرتب را تعریف می کند. که آن لیست مرتب می تواند بر حسب عددی یا الفبایی مرتب شود.
از تگ <li> نیز در درون لیست های مرتب تگ <ol> برای ساخت آیتم های لیست مرتب استفاده می کنیم.
تگ <li> جهت ساخت انواع لیست ها در سند HTML کاربرد دارد. و آیتم های یک لیست را تعریف می کند.
از تگ <li> به عنوان آیتم لیست ها در لیست های ترتیبی <ol> ، لیست های غیر ترتیبی <ul> ، و در فهرست منو <menu> استفاده می شود.
مثال در مورد تگ <ol> در html
ol در ساخت لیست مرتب شمارشی
[html]<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>[/html]
خروجی کد در مرورگر اینترنتی
- Coffee
- Tea
- Milk
بررسی تگ <ol> در HTML 4.01 و HTML5
تگ <ol> در هر دو نسخه HTML 4.01 و HTML5 پشتیبانی می شود.
اما خصوصیت های ویژه start ، type و compact در HTML5 پشتیبانی نمی شوند.
خصوصیت ویژه reversed درون تگ <ol>
به عنوان یک خصوصیت ویژه تگ <ol> در HTML5 جدید است.
خصوصیات ویژه تگ <ol> لیست شمارشی در HTML5
| صفت خصوصی تگ ol | مقدار صفت | توضیحات |
| compact | compact | مشخص می کند، که یک لیست شمارشی باید فاصله بین آیتم ها کوچکتر باشد یا خیر |
| reversed | reversed | تعیین می کند که اعداد لیست شمارشی به صورت معکوس نمایش داده شوند. |
| start | number | تعیین می کند که اعداد لیست شمارشی به صورت معکوس نمایش داده شوند. |
| type | ۱ , A , a , I , i | تعیین می کند که اعداد لیست شمارشی به صورت معکوس نمایش داده شوند. |
ویژگی های عمومی تگ <ol> در HTML
تگ <ol> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.
رویدادهای عمومی تگ <ol> در HTML
تگ <ol> از کلیه رویدادهای عمومی در سند HTML پشتیبانی می کند.
پشتیبانی مرورگرها از تگ <ol> در HTML
تگ <ol> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
