<object> ใน HTML5 เป็นแท็กที่ใช้ในการฝังทรัพยากรภายนอกต่าง ๆ ในหน้าเว็บ เช่น ไฟล์ PDF, วิดีโอ, รูปภาพ หรือเนื้อหาจากเว็บไซต์อื่น ๆ นอกจากนี้ยังใช้สำหรับการฝังแอปพลิเคชัน เช่น Java applet หรือ Flash (แม้ว่าจะล้าสมัยไปแล้วในปัจจุบัน) ข้อดีของแท็ก <object> คือความยืดหยุ่นในการใช้งานร่วมกับประเภทของเนื้อหาที่หลากหลาย
รูปแบบการใช้งานของ <object>
ฝังเอกสาร (PDF) สามารถฝังไฟล์ PDF ให้ผู้ใช้งานสามารถดูเอกสารในหน้าเว็บได้โดยตรง
<object data="example.pdf" type="application/pdf" width="600" height="400">
ขอโทษด้วย เบราว์เซอร์ของคุณไม่รองรับการแสดงไฟล์ PDF
<a href="example.pdf">ดาวน์โหลดไฟล์ PDF นี้</a>
</object>data: ระบุ URL ของไฟล์ที่ต้องการฝังtype: กำหนด MIME type ของไฟล์widthและheight: กำหนดขนาดของหน้าต่างที่จะแสดงเนื้อหา
ฝังไฟล์รูปภาพ สามารถใช้แทน <img> ได้หากต้องการแสดงรูปภาพในรูปแบบ <object>
<object data="example.jpg" type="image/jpeg" width="400" height="300">
ขอโทษด้วย เบราว์เซอร์ของคุณไม่รองรับการแสดงรูปภาพ
<img src="example.jpg" alt="รูปภาพตัวอย่าง">
</object>ฝังวิดีโอ สามารถฝังวิดีโอด้วย <object> เช่นเดียวกับแท็ก <video>
<object data="example.mp4" type="video/mp4" width="640" height="360">
ขอโทษด้วย เบราว์เซอร์ของคุณไม่รองรับการแสดงวิดีโอ
<a href="example.mp4">ดาวน์โหลดวิดีโอนี้</a>
</object>ฝังไฟล์จากเว็บไซต์ภายนอก (เช่น HTML หรือเว็บไซต์อื่น) สามารถฝังเนื้อหาจากเว็บไซต์ภายนอก เช่นหน้า HTML
<object data="https://www.example.com" width="800" height="600">
ขอโทษด้วย เบราว์เซอร์ของคุณไม่รองรับการฝังเว็บไซต์ภายนอก
</object>ใช้ param ในการกำหนดค่าพารามิเตอร์เพิ่มเติม หากเนื้อหาที่ฝังสามารถรับพารามิเตอร์ได้ สามารถใช้แท็ก <param> ภายใน <object> ได้
<object data="movie.swf" type="application/x-shockwave-flash" width="800" height="600">
<param name="autoplay" value="true">
ขอโทษด้วย เบราว์เซอร์ของคุณไม่รองรับการแสดงไฟล์ Flash
</object>หมายเหตุ: Flash เป็นเทคโนโลยีที่เลิกใช้แล้ว และเบราว์เซอร์สมัยใหม่จะไม่รองรับ Flash
สรุป
แท็ก <object> มีความยืดหยุ่นในการฝังเนื้อหาหรือทรัพยากรจากแหล่งภายนอกเข้ามาในเว็บเพจ โดยสามารถกำหนดเนื้อหาได้หลากหลายรูปแบบ เช่น ไฟล์ PDF, วิดีโอ, รูปภาพ, หรือเนื้อหาจากเว็บไซต์อื่น ๆ