บทความนี้ส่วนใหญ่แนะนำการแนะนำสั้น ๆ เกี่ยวกับการนำเข้าไฟล์ใน HTML รวมถึงการโหลด jQuery คำสั่งการดำเนินการหลังจากนำเข้า ฯลฯ เพื่อนที่ต้องการมันสามารถอ้างถึงได้
เทมเพลต, Shadow Dom และองค์ประกอบที่กำหนดเองทำให้คุณสามารถสร้างส่วนประกอบ UI ได้ง่ายขึ้นกว่าเดิม อย่างไรก็ตามทรัพยากรเช่น HTML, CSS และ JavaScript ยังคงต้องโหลดทีละตัวซึ่งไม่มีประสิทธิภาพมาก
ไม่ใช่เรื่องง่ายที่จะลบการพึ่งพาซ้ำ ตัวอย่างเช่นตอนนี้การโหลด jQuery UI หรือ bootstrap ต้องเพิ่มแท็กแยกต่างหากสำหรับ JavaScript, CSS และ Web Fonts หากส่วนประกอบเว็บของคุณใช้การอ้างอิงหลายอย่างสิ่งต่าง ๆ จะซับซ้อนมากขึ้น
HTML นำเข้าช่วยให้คุณโหลดทรัพยากรเหล่านี้ในไฟล์ HTML ที่ผสาน
นำเข้าโดยใช้ HTML
ในการโหลดไฟล์ HTML คุณต้องเพิ่มแท็กลิงก์ซึ่งมีการนำเข้าแอตทริบิวต์ REL และแอตทริบิวต์ HERF เป็นพา ธ ไปยังไฟล์ HTML ตัวอย่างเช่นหากคุณต้องการโหลด component.html ลงใน index.html:
index.html
XML/HTML รหัสคัดลอกเนื้อหาไปยังคลิปบอร์ด