ใช้แท็ก <summary> เพื่อระบุสรุปสำหรับรายละเอียดที่เพิ่มโดยใช้แท็ก <details> แท็กนี้จะทำหน้าที่เป็นหัวข้อหรือป้ายกำกับที่ผู้ใช้สามารถคลิกเพื่อแสดงหรือซ่อนเนื้อหาได้
ตัวอย่าง
คุณสามารถลองรันโค้ดต่อไปนี้เพื่อแสดงสรุปใน HTML5:
<!DOCTYPE html>
<html>
<head>
<title>HTML Summary Tag</title>
</head>
<body>
<details>
<summary>ข้อมูลเพิ่มเติม</summary>
<p>นี่คือข้อมูลรายละเอียดเพิ่มเติมเกี่ยวกับหัวข้อนี้</p>
</details>
</body>
</html>
เมื่อผู้ใช้คลิกที่คำว่า "ข้อมูลเพิ่มเติม" เนื้อหาภายใน <p> จะแสดงออกมา ซึ่งช่วยให้หน้าเว็บดูเรียบง่ายและจัดระเบียบได้ดีขึ้น
