برچسب <ol> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
< مرجع HTML:تگ‌ها(تغییرمسیر از تگ ol)
پرش به ناوبری پرش به جستجو
لیست مرتب شده را تعریف می‌کند
معرفی شده در نسخهٔ:۲
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:به پائین مراجعه کنید

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

دو فهرست مرتب متفاوت (فهرست اول از ۱ شروع می‌شود، و فهرست دوم از ۵۰ شروع می‌شود):

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>


مثال‌های بیشتری از «مشاهدهٔ نتیجه» در زیر.

تعریف و کاربرد

برچسب <ol> یک فهرست مرتب را تعریف می‌کند. یک فهرست مرتب می‌تواند عددی یا الفبایی باشد.[۱]

از برچسب <li> برای تعریف موردهای فهرست استفاده کنید.

پشتیبانی مرورگر

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<ol> بله بله بله بله بله

نکات و ملاحظات

نکته: از CSS برای سبک‌دهی به فهرست‌ها استفاده کنید. در آموزش CSS: سبک‌دهی به فهرست‌ها بیشتر بخوانید.

نکته: برای فهرست‌های غیرمرتب، از برچسب <ul> استفاده کنید.

ویژگی‌ها

ویژگی مقدار شرح
reversed reversed مشخص می‌کند که ترتیب فهرست باید نزولی باشد (۹، ۸، ۷، ...)
start number مقدار شروع یک فهرست مرتب را مشخص می‌کند
type 1

A a I i

نوع نشانگر برای استفاده در فهرست را مشخص می‌کند

ویژگی‌های سراسری

همچنین برچسب <ol> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <ol> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

مثال‌های بیشتر

مثال

ارتفاع خطوط در فهرست‌ها را کاهش و افزایش دهید (با CSS):

<ol style="line-height:80%">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol style="line-height:180%">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>


صفحات مرتبط

آموزش اچ‌تی‌ام‌ال: فهرست‌های اچ‌تی‌ام‌ال (HTML Lists)

مرجع DOM اچ‌تی‌ام‌ال: شیء Ol (Ol Object)

آموزش CSS: سبک‌دهی به فهرست‌ها (Styling Lists)

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها عنصر <ol> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

مثال

ol {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}


منابع آموزشی