ตัวอย่าง
โดยใช้ <details> องค์ประกอบ:
<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
ลองตัวเอง» ความหมายและการใช้งาน
<details> แท็กระบุรายละเอียดเพิ่มเติมที่ผู้ใช้สามารถดูหรือซ่อนตามความต้องการ
<details> แท็กสามารถนำมาใช้ในการสร้างเครื่องมือโต้ตอบที่ผู้ใช้สามารถเปิดและปิด การเรียงลำดับของเนื้อหาใด ๆ ที่สามารถใส่ภายใน <details> แท็ก
เนื้อหาของการให้ <details> องค์ประกอบที่ไม่ควรจะมองเห็นเว้นแต่ open แอตทริบิวต์การตั้งค่า
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่องค์ประกอบ
| ธาตุ | |||||
|---|---|---|---|---|---|
| <details> | 12.0 | ได้รับการสนับสนุน | 48.0 | 6.0 | 15.0 |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
<details> แท็กใหม่ใน HTML5
เคล็ดลับและคำอธิบาย
แนะนำ: <summary> แท็กถูกใช้เพื่อระบุหัวเรื่องที่มองเห็นได้สำหรับรายละเอียดส่วนหัวสามารถคลิกเพื่อดู / ซ่อนรายละเอียด
แอตทริบิวต์
= ใหม่ใน HTML5
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| open | open | ระบุว่ารายละเอียดควรจะมองเห็น (เปิด) ให้กับผู้ใช้ |
แอตทริบิวต์ทั่วโลก
<details> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<details> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
HTML DOM อ้างอิง: Details วัตถุ
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <details> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:
details {
display: block;
}