Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

ตั้งค่าค่าเริ่มต้นของรายการลำดับ (ordered list) ใน HTML

ใช้แอตทริบิวต์ start ของแท็ก <ol> (ordered list) เพื่อกำหนดหมายเลขเริ่มต้นของรายการ แทนที่จะเริ่มจาก 1 เสมอ

รูปแบบการใช้งาน

<ol start="5">
  <li>รายการที่ 5</li>
  <li>รายการที่ 6</li>
  <li>รายการที่ 7</li>
</ol>

ตัวอย่างการใช้งาน

<!DOCTYPE html>
<html>
<head>
  <title>HTML ol Tag - start attribute</title>
</head>
<body>
  <p>อันดับภาษาโปรแกรมมิ่ง (เริ่มจากอันดับ 5):</p>
  <ol start="5">
    <li>Java</li>
    <li>C++</li>
    <li>C</li>
  </ol>
  
  <hr>
  
  <p>ใช้กับ type อื่นๆ ได้เช่นกัน:</p>
  <ol type="A" start="3">
    <li>รายการ C</li>
    <li>รายการ D</li>
    <li>รายการ E</li>
  </ol>
  
  <ol type="i" start="4">
    <li>รายการ iv</li>
    <li>รายการ v</li>
    <li>รายการ vi</li>
  </ol>
</body>
</html>

คุณสมบัติเพิ่มเติมของ ol

  • type - รูปแบบตัวเลข: 1 (default), a, A, i, I
  • reversed - เรียงลำดับถอยหลัง (Boolean attribute)
  • start - ตัวเลขเริ่มต้น (ต้องเป็นจำนวนเต็มบวก)

กรณีใช้งานจริง

  • การแบ่งรายการยาวๆ หลายหน้า (pagination)
  • การอ้างอิงรายการจากแหล่งภายนอกที่มีหมายเลขเฉพาะ
  • การสร้างสารบัญหรือดัชนีที่เริ่มจากบทที่ไม่ใช่ 1
หมายเหตุ: ค่า start ต้องเป็นจำนวนเต็ม แม้จะใช้ type="a" หรือ "i" ก็ตาม หมายเลขเริ่มต้นยังคงเป็นตัวเลขอารบิก