ตัวอย่าง
หนึ่งสั่งซื้อ (<ol>) และเป็นหนึ่งในไม่เรียงลำดับ (<ul>) รายการ HTML:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
ลองตัวเอง» เพิ่มเติม "ลองตัวเอง" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
<li> แท็กกำหนดในรายการ
<li> แท็กที่ใช้ในรายการสั่งซื้อ ( <ol> ) รายการเรียงลำดับ ( <ul> ) และในรายการเมนู ( <menu> )
สนับสนุนเบราว์เซอร์
ธาตุ | |||||
---|---|---|---|---|---|
<li> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
"type" แอตทริบิวต์ไม่สนับสนุนใน HTML5
"value" แอตทริบิวต์ถูก deprecated ใน HTML 4.01 แต่ได้รับการสนับสนุนใน HTML5
เคล็ดลับและคำอธิบาย
เคล็ดลับ: ใช้ CSS เพื่อกำหนดประเภทของรายการ
แอตทริบิวต์
คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
---|---|---|
type | 1 A a I i disc square circle | ได้รับการสนับสนุนใน HTML5 ระบุชนิดของจุดที่กระสุนจะถูกนำมาใช้ |
value | number | ระบุมูลค่าของรายการที่ รายการรายการต่อไปนี้จะเพิ่มขึ้นจากตัวเลขที่ (เฉพาะ <ol> รายการ) |
แอตทริบิวต์ทั่วโลก
<li> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<li> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
ลองตัวเอง - ตัวอย่าง
รายการที่ซ้อนกัน
รายการภายในลิสต์
อีกรายการที่ซ้อนกัน
รายการที่ซ้อนกันที่ซับซ้อนมากขึ้น
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา HTML: รายการ HTML
อ้างอิง HTML DOM: หลี่วัตถุ
CSS Tutorial: รายการจัดแต่งทรงผม
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <li> องค์ประกอบมีค่าเริ่มต้นต่อไปนี้:
li {
display: list-item;
}