ตัวอย่าง
วิธีการใช้ <object> องค์ประกอบการฝังไฟล์ Flash:
<object width="400" height="400" data="helloworld.swf"></object>
ลองตัวเอง» ความหมายและการใช้งาน
<object> แท็กกำหนดวัตถุที่ฝังอยู่ภายในเอกสาร HTML ใช้องค์ประกอบนี้จะฝังมัลติมีเดีย (เช่นเสียง, วิดีโอ, จาวา ActiveX, PDF, และ Flash) ในหน้าเว็บของคุณ
นอกจากนี้คุณยังสามารถใช้ <object> แท็กฝังหน้าเว็บอื่นลงในเอกสาร HTML ของคุณ
คุณสามารถใช้ <param> แท็กจะผ่านพารามิเตอร์ปลั๊กอินที่ได้รับการฝังตัวกับ <object> แท็ก
สนับสนุนเบราว์เซอร์
| ธาตุ | |||||
|---|---|---|---|---|---|
| <object> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
เคล็ดลับและคำอธิบาย
หมายเหตุ: การ <object> องค์ประกอบจะต้องปรากฏภายใน <body> องค์ประกอบข้อความระหว่าง <object> และ </object> เป็นข้อความอื่นสำหรับเบราว์เซอร์ที่ไม่สนับสนุนแท็กนี้
เคล็ดลับ: สำหรับภาพที่ใช้ <img> แท็กแทน <object> แท็ก
เคล็ดลับ: อย่างน้อยหนึ่งของ "data" หรือ "type" แอตทริบิวต์จะต้องกำหนด
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
บาง HTML 4.01 แอตทริบิวต์ไม่สนับสนุนใน HTML5
"form" แอตทริบิวต์เป็นของใหม่ใน HTML5
ใน HTML5 วัตถุสามารถใช้และส่งในรูปแบบ
ใน HTML5 วัตถุไม่สามารถปรากฏอยู่ภายใน <head> องค์ประกอบของเอกสาร
แอตทริบิวต์
= ใหม่ใน HTML5
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| align | top bottom middle left right | ได้รับการสนับสนุนใน HTML5 ระบุการจัดตำแหน่งของ <object> องค์ประกอบตามองค์ประกอบโดยรอบ |
| archive | URL | ได้รับการสนับสนุนใน HTML5 รายการพื้นที่แยกของ URL ของไปเก็บ คลังมีแหล่งข้อมูลที่เกี่ยวข้องกับวัตถุ |
| border | pixels | ได้รับการสนับสนุนใน HTML5 ระบุความกว้างของเส้นขอบรอบ <object> |
| classid | class_ID | ได้รับการสนับสนุนใน HTML5 กำหนดค่าระดับรหัสตามที่กำหนดไว้ใน Windows Registry หรือ URL ที่ |
| codebase | URL | ได้รับการสนับสนุนใน HTML5 กำหนดที่จะหารหัสสำหรับวัตถุ |
| codetype | media_type | ได้รับการสนับสนุนใน HTML5 ประเภทสื่อของรหัสที่อ้างถึงโดย classid แอตทริบิวต์ |
| data | URL | ระบุ URL ของทรัพยากรที่จะใช้โดยวัตถุ |
| declare | declare | ได้รับการสนับสนุนใน HTML5 กำหนดว่าวัตถุที่ควรจะประกาศไม่ได้สร้างหรืออินสแตนซ์จนต้อง |
| form | form_id | ระบุหนึ่งหรือมากกว่าหนึ่งรูปแบบวัตถุที่เป็นของ |
| height | pixels | ระบุความสูงของวัตถุ |
| hspace | pixels | ได้รับการสนับสนุนใน HTML5 ระบุช่องว่างด้านซ้ายและด้านขวาของวัตถุ |
| name | name | ระบุชื่อสำหรับวัตถุ |
| standby | text | ได้รับการสนับสนุนใน HTML5 กำหนดข้อความที่จะแสดงในขณะที่วัตถุคือการโหลด |
| type | media_type | ระบุชนิดของสื่อของข้อมูลที่ระบุไว้ใน data แอตทริบิวต์ |
| usemap | #mapname | ระบุชื่อของแผนที่ภาพฝั่งไคลเอ็นต์ที่จะใช้กับวัตถุ |
| vspace | pixels | ได้รับการสนับสนุนใน HTML5 ระบุช่องว่างด้านบนและด้านล่างของวัตถุ |
| width | pixels | ระบุความกว้างของวัตถุ |
แอตทริบิวต์ทั่วโลก
<object> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<object> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
HTML กวดวิชา: HTML ธาตุวัตถุ
อ้างอิง HTML DOM: วัตถุวัตถุ
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <object> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:
object:focus {
outline: none;
}