องค์ประกอบ embed และ object

<embed> ใช้ฝังเนื้อหาภายนอกโดยใช้ปลั๊กอินของเบราว์เซอร์หรือตัวจัดการที่มีอยู่ในเบราว์เซอร์ แอตทริบิวต์ type ระบุชนิด MIME ส่วน src คือ URL ของทรัพยากร องค์ประกอบนี้เป็นองค์ประกอบว่างที่ไม่มีองค์ประกอบลูกหรือเนื้อหาสำรอง

<object> ยืดหยุ่นกว่าองค์ประกอบสำหรับฝังเนื้อหา แอตทริบิวต์ data ชี้ไปยังทรัพยากร ส่วน type ระบุชนิด MIME องค์ประกอบลูกทำหน้าที่เป็นเนื้อหาสำรองหากโหลดออบเจ็กต์ไม่ได้ ซึ่งอาจรวมถึงออบเจ็กต์ที่ซ้อนอยู่หรือข้อความอธิบาย

ซ้อนเนื้อหาสำรองดังนี้: <object data="file.pdf" type="application/pdf"><a href="file.pdf">Download PDF</a></object> หากเบราว์เซอร์ไม่สามารถแสดง PDF ในหน้าได้ ก็จะแสดงลิงก์ดาวน์โหลดแทน เนื้อหาสำรองคือข้อได้เปรียบหลักของออบเจ็กต์เหนือองค์ประกอบสำหรับฝังเนื้อหา

ฝังไฟล์ PDF ด้วยออบเจ็กต์หรือองค์ประกอบสำหรับฝังเนื้อหา: <object data="doc.pdf" type="application/pdf" width="100%" height="600"> การรองรับของเบราว์เซอร์แตกต่างกัน โครมและไฟร์ฟอกซ์แสดง PDF ได้โดยตรง ส่วนเบราว์เซอร์อื่นอาจแสดงข้อความแจ้งให้ดาวน์โหลด ควรมีลิงก์สำรองให้ด้วย

สำหรับการฝังเอกสาร HTML ควรใช้ไอเฟรม ซึ่งออกแบบมาเพื่อจุดประสงค์นี้และมีรูปแบบความปลอดภัยที่ชัดเจน สำหรับปลั๊กอินสื่อ ให้ใช้องค์ประกอบการฝัง เช่น แฟลชแบบเก่าหรือการแสดงผล SVG สำหรับเอกสารที่ต้องมีเนื้อหาสำรอง ให้ใช้ออบเจ็กต์ ในการพัฒนาสมัยใหม่ กรณีใช้งานปลั๊กอินส่วนใหญ่จัดการได้ด้วยองค์ประกอบเอชทีเอ็มแอล5 แบบเนทีฟ เช่น วิดีโอ เสียง และแคนวาส

ทั้งองค์ประกอบการฝังและออบเจ็กต์สามารถเรียกใช้เนื้อหาปลั๊กอินได้ ซึ่งในอดีตคือแฟลช และเป็นพื้นผิวการโจมตีขนาดใหญ่ เบราว์เซอร์สมัยใหม่ยกเลิกการรองรับปลั๊กอินแล้ว จึงควรฝังเฉพาะเนื้อหาที่เชื่อถือได้ เนื้อหาจากองค์ประกอบการฝังหรือออบเจ็กต์ข้ามต้นทางไม่สามารถควบคุมด้วยสคริปต์ได้เหมือนเนื้อหาจากต้นทางเดียวกัน

การฝัง SVG ด้วยออบเจ็กต์: <object data="image.svg" type="image/svg+xml" width="200" height="200"> ต่างจากแท็กรูปภาพ SVG ภายในออบเจ็กต์สามารถเรียกใช้สคริปต์ของตนเองและตอบสนองต่อ CSS ภายนอกได้ หากมาจากต้นทางเดียวกัน ใช้แนวทางนี้สำหรับ SVG แบบโต้ตอบเมื่อการใช้ SVG ในหน้าโดยตรงไม่สะดวก

ส่งพารามิเตอร์ไปยังปลั๊กอินของออบเจ็กต์โดยใช้องค์ประกอบ <param name="autoplay" value="true"> ที่ซ้อนอยู่ วิธีนี้เป็นมาตรฐานสำหรับกำหนดค่าออบเจ็กต์แฟลช ปัจจุบันใช้งานไม่บ่อยแล้ว เนื่องจากเบราว์เซอร์ยกเลิกการรองรับปลั๊กอิน

ออบเจ็กต์สามารถทำงานร่วมกับแอตทริบิวต์แผนที่รูปภาพเพื่อสร้างแผนที่รูปภาพ ซึ่งเป็นบริเวณที่คลิกได้บนรูปภาพที่ฝัง กำหนดบริเวณต่าง ๆ ในองค์ประกอบ <map> โดยมีองค์ประกอบลูก <area> SVG สมัยใหม่ที่กำหนดลิงก์บนองค์ประกอบเป็นแนวทางที่ดีกว่าสำหรับบริเวณรูปภาพแบบโต้ตอบ

เพิ่มแอตทริบิวต์ชื่อให้ทั้งองค์ประกอบการฝังและออบเจ็กต์ เพื่อให้โปรแกรมอ่านหน้าจอระบุองค์ประกอบได้ ออบเจ็กต์รองรับป้ายกำกับสำหรับการเข้าถึง องค์ประกอบทั้งสองไม่มีความหมายด้านการเข้าถึงที่สมบูรณ์เท่ากับองค์ประกอบเอชทีเอ็มแอล5 แบบเนทีฟ สำหรับเนื้อหาสื่อ ควรใช้องค์ประกอบวิดีโอและเสียงแบบเนทีฟที่มีคำบรรยายเสมอ

องค์ประกอบการฝังและออบเจ็กต์ส่วนใหญ่เป็นองค์ประกอบแบบเก่า กรณีใช้งานหลักขององค์ประกอบเหล่านี้ ซึ่งก็คือแฟลช ได้หมดไปแล้ว การใช้งานที่ยังถูกต้องในปัจจุบัน ได้แก่ เอกสาร PDF ในหน้าเว็บที่มีเนื้อหาสำรอง การฝัง SVG แบบโต้ตอบ และเนื้อหาแบบเก่าที่ไม่สามารถปรับให้ทันสมัยได้ โครงการใหม่ควรเลือกใช้องค์ประกอบเอชทีเอ็มแอล5 แบบเนทีฟสำหรับความต้องการด้านสื่อทั้งหมด

ข้อได้เปรียบหลักของการใช้ออบเจ็กต์เหนือองค์ประกอบสำหรับฝังเนื้อหาคืออะไร

องค์ประกอบการฝังและออบเจ็กต์เป็นองค์ประกอบแบบเก่าสำหรับฝังเนื้อหาที่ไม่ใช่ HTML ควรใช้ออบเจ็กต์เมื่อต้องการเนื้อหาสำรอง ทั้งสองแบบรองรับการระบุชนิด MIME และการส่งพารามิเตอร์ สำหรับโครงการใหม่ควรใช้องค์ประกอบสมัยใหม่ที่เทียบเท่ากัน เช่น วิดีโอ เสียง แคนวาส และ SVG ในหน้าโดยตรง การฝัง PDF ด้วยออบเจ็กต์ยังเป็นกรณีใช้งานทั่วไป โดยมีไอเฟรมเป็นทางเลือก