HTML <object>แท็ก
ตัวอย่าง
ภาพที่ฝังตัว:
<object data="pic_trulli.jpg" width="300" height="200"></object>
ตัวอย่าง
หน้า HTML แบบฝัง:
<object data="snippet.html" width="500" height="200"></object>
ตัวอย่าง
วิดีโอแบบฝัง:
<object data="video.mp4" width="400" height="300"></object>
ความหมายและการใช้งาน
แท็ ก<object>กำหนดคอนเทนเนอร์สำหรับทรัพยากรภายนอก
ทรัพยากรภายนอกอาจเป็นหน้าเว็บ รูปภาพ เครื่องเล่นสื่อ หรือแอปพลิเคชันปลั๊กอิน
หากต้องการฝังรูปภาพ ควรใช้<img>แท็ก
หากต้องการฝัง HTML ควรใช้<iframe>แท็ก
หากต้องการฝังวิดีโอหรือเสียง ควรใช้แท็ก<video>และ<audio>
รองรับเบราว์เซอร์
| Element | |||||
|---|---|---|---|---|---|
| <object> | Yes | Yes | Yes | Yes | Yes |
ปลั๊กอิน
เดิม<object>แท็กนี้ออกแบบมาเพื่อฝังปลั๊กอินของเบราว์เซอร์
ปลั๊กอินคือโปรแกรมคอมพิวเตอร์ที่ขยายฟังก์ชันการทำงานมาตรฐานของเบราว์เซอร์
ปลั๊กอินถูกใช้เพื่อวัตถุประสงค์ต่างๆ มากมาย:
- เรียกใช้ Java applet
- เรียกใช้ตัวควบคุม ActiveX
- แสดงภาพยนตร์ Flash
- แสดงแผนที่
- สแกนหาไวรัส
- ยืนยันรหัสธนาคาร
คำเตือน !
เบราว์เซอร์ส่วนใหญ่ไม่รองรับ Java Applets และ Plug-ins อีกต่อไป
ตัวควบคุม ActiveX ไม่ได้รับการสนับสนุนในเบราว์เซอร์ใดๆ อีกต่อไป
การรองรับ Shockwave Flash ก็ถูกปิดในเบราว์เซอร์รุ่นใหม่เช่นกัน
คุณลักษณะ
| Attribute | Value | Description |
|---|---|---|
| data | URL | Specifies the URL of the resource to be used by the object |
| form | form_id | Specifies which form the object belongs to |
| height | pixels | Specifies the height of the object |
| name | name | Specifies a name for the object |
| type | media_type | Specifies the media type of data specified in the data attribute |
| typemustmatch | true/false | Specifies whether the type attribute and the actual content of the resource must match to be displayed |
| usemap | #mapname | Specifies the name of a client-side image map to be used with the object |
| width | pixels | Specifies the width of the object |
คุณสมบัติสากล
แท็ ก<object>ยังสนับสนุน Global Attributes ในHTML
คุณสมบัติของเหตุการณ์
แท็ ก<object>ยังสนับสนุนแอตทริบิวต์เหตุการณ์ใน HTML
หน้าที่เกี่ยวข้อง
กวดวิชา HTML: องค์ประกอบ HTML วัตถุ
การอ้างอิง HTML DOM: Object Object
การตั้งค่า CSS เริ่มต้น
เบราว์เซอร์ส่วนใหญ่จะแสดง<object>องค์ประกอบด้วยค่าเริ่มต้นดังต่อไปนี้:
object:focus {
outline: none;
}