تگ ol در HTML

چاپ

مثال (تگ ol در HTML)

دو لیست مرتب متفاوت:

<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 در HTML

تگ <ol> یک لیست مرتب را تعریف می کند. که آن لیست می تواند بر حسب عددی یا الفبایی مرتب شود.

از تگ <li> برای آیتم های لیست استفاده می کنیم.

.


پشتیبانی مرورگرها از تگ ol در HTML

عنصر          
<ol> بله بله بله بله بله

نکته ها و ترفندها

نکته: برای لیست های نامرتب از تگ <ul> استفاده می کنیم.

نکته: برای استایل دادن به لیست ها از CSS استفاده می کنیم.


تفاوت بین HTML 4.01 و HTML5

استفاده از خصوصیت های "start" و "type" در  HTML 4.01 توصیه نمی شود، اما در HTML5 پشتیبانی می شود.

خصوصیت "reversed" در HTML5 جدید است.

خصوصیت "compact" در HTML5 پشتیبانی نمی شود.


خصوصیت ها

= جدید در HTML5.

خصوصیت مقدار توضیحات
compact compact در HTML5 پشتیبانی نمی شود.
 مشخص می کند که لیست باید کوچکتر از حد نرمال نمایش داده شود.
reversed reversed مشخص می کند که لیست به صورت نزولی مرتب شود.(9 و 8 و 7 و...)
start number مقدار شروع لیست مرتب را مشخص می کند. 
type 1
A
a
I
i
مشخص می کند که از چه نوع نشانگری در لیست استفاده شود.

ویژگی های عمومی تگ ol در HTML

تگ <ol> از ویژگی های عمومی در HTML پشتیبانی می کند.


رویدادهای عمومی تگ ol در HTML

تگ <ol> از رویدادهای عمومی در HTML پشتیبانی می کند.


آموزش های مرتبط

آموزش HTML-لیست ها 

مرجع اشیاء اچ تی ام ال: تگ ol در JavaScript