ตัวอย่าง
ที่แตกต่างกัน 2 รายการสั่งซื้อ:
<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> แท็กเพื่อกำหนดรายการ
สนับสนุนเบราว์เซอร์
| ธาตุ | |||||
|---|---|---|---|---|---|
| <ol> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
เคล็ดลับและคำอธิบาย
เคล็ดลับ: สำหรับรายชื่อเรียงลำดับใช้ <ul> แท็ก
เคล็ดลับ: ใช้ CSS เพื่อรายการสไตล์
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
"การเริ่มต้น" และแอตทริบิวต์ "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
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา HTML: รายการ HTML
อ้างอิง HTML DOM: Ol วัตถุ
CSS Tutorial: รายการจัดแต่งทรงผม
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <ol> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:
ตัวอย่าง
ol {
display: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
} ลองตัวเอง»