ข้อมูลอ้างอิงHTML

HTML โดยตัวอักษร HTML ตามหมวดหมู่ รองรับ HTML Browser แอตทริบิวต์ HTML HTML Global Attributes เหตุการณ์ HTML HTML สี HTML Canvas HTML เสียง/วิดีโอ ชุดอักขระ HTML HTML Doctypes การเข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTML ข้อความ HTTP วิธี HTTP ตัวแปลง PX เป็น EM แป้นพิมพ์ลัด


HTML <สรุป>แท็ก


ตัวอย่าง

การใช้ <summary> องค์ประกอบ:

<details>
  <summary>Epcot Center</summary>
  <p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</details>

ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง


ความหมายและการใช้งาน

แท็ ก<summary>กำหนดหัวข้อที่มองเห็นได้สำหรับองค์ประกอบ<รายละเอียด> สามารถคลิกหัวเรื่องเพื่อดู/ซ่อนรายละเอียดได้

หมายเหตุ:องค์ประกอบ<summary>ควรเป็นองค์ประกอบลูกแรกขององค์ประกอบ <รายละเอียด>


รองรับเบราว์เซอร์

ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนองค์ประกอบอย่างสมบูรณ์

Element
<summary> 12.0 79.0 49.0 6.0 15.0

คุณสมบัติสากล

แท็ ก<summary>ยังสนับสนุน Global Attributes ในHTML


คุณสมบัติของเหตุการณ์

แท็ ก<summary>ยังสนับสนุนแอตทริบิวต์เหตุการณ์ใน HTML



ตัวอย่างเพิ่มเติม

ตัวอย่าง

ใช้ CSS เพื่อจัดรูปแบบ <รายละเอียด> และ <สรุป>:

<html>
<style>
details > summary {
  padding: 4px;
  width: 200px;
  background-color: #eeeeee;
  border: none;
  box-shadow: 1px 1px 2px #bbbbbb;
  cursor: pointer;
}

details > p {
  background-color: #eeeeee;
  padding: 4px;
  margin: 0;
  box-shadow: 1px 1px 2px #bbbbbb;
}
</style>
<body>

<details>
  <summary>Epcot Center</summary>
  <p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</details>

</body>
</html>

หน้าที่เกี่ยวข้อง

การอ้างอิง HTML DOM: วัตถุสรุป


การตั้งค่า CSS เริ่มต้น

เบราว์เซอร์ส่วนใหญ่จะแสดง<summary>องค์ประกอบด้วยค่าเริ่มต้นดังต่อไปนี้:

summary {
  display: block;
}