วิธีสร้างสารบัญอัตโนมัติด้วยสล็อต HTML

สารบัญ ยกตัวอย่างเช่นสามารถปรับปรุงประสบการณ์การใช้งานของผู้ใช้เว็บไซต์จำนวนมาก เว็บไซต์เอกสาร หรือ สารานุกรมออนไลน์ เช่นเดียวกับ Wikipedia สารบัญที่ออกแบบมาอย่างดี ให้ภาพรวมของหน้า และช่วยให้ผู้ใช้นำทางอย่างรวดเร็วไปยังส่วนที่พวกเขาสนใจ.

ตามเนื้อผ้าคุณสามารถสร้างสารบัญใน HTML หรือ JavaScript แต่ช่อง HTML มาตรฐานเมื่อเร็ว ๆ นี้ให้ ทางกลางระหว่างสอง. ช่อง HTML เป็นมาตรฐานเว็บที่ช่วยให้คุณ เพิ่มตัวแทนสำหรับหน้าเว็บ และหลังจากนั้น เติมด้วยเนื้อหาแบบไดนามิก.

ควรใช้เมื่อใด แท็ก

คุณสามารถวาง แท็กลงในสารบัญในไฟล์ HTML ของคุณดังนั้นช่องในภายหลังสามารถเป็นได้ เต็มไปด้วยหัวเรื่องและหัวเรื่องย่อยที่เกี่ยวข้อง. เมื่อมีการเปลี่ยนแปลงส่วนหัว ช่องได้รับการอัปเดตอัตโนมัติ.

ด้วยเทคนิคนี้คุณต้องสร้างซอร์สโค้ด HTML ของสารบัญด้วยตนเอง JavaScript สร้างเนื้อหาข้อความของสารบัญโดยอัตโนมัติเท่านั้น, ขึ้นอยู่กับส่วนหัวหรือหัวเรื่องย่อยในหน้า.

หากคุณไม่ต้องการสารบัญที่จะนำเสนอใน HTML ที่คุณต้องการ สร้างทั้งเลย์เอาต์และเนื้อหาด้วย JavaScript.

1. สร้าง HTML

ซอร์สโค้ด HTML สำหรับ TOC (สารบัญ) จะเป็น ภายใน