HTML แบบตัวแทน <object>

  • หน้าก่อนหน้า <noscript>
  • หน้าต่อไป <ol>

การกำหนดและการใช้งาน

<object> แท็กซ์ต์นิยายวัตถุที่เกี่ยวข้องกับทรัพยากรภายนอก

ทรัพยากรภายนอกสามารถเป็นเว็บไซต์ ภาพ โปรแกรมเล่นเพลงหรือโปรแกรมแอปพลิเคชัน Plugin

เพื่อใส่ภาพ เรียบดีที่จะใช้ แท็กซ์ต์ <img>.

เพื่อใส่ HTML เรียบดีที่จะใช้ แท็กซ์ต์ <iframe>.

เพื่อใส่วีดีโอหรือเสียง เรียบดีที่จะใช้ <video> และ <audio> แท็กซ์ต์

ดูเพิ่มเติมที่:

การเรียนรู้ HTML:Element Object HTML

คู่มือ HTML DOM:Object Object

Plugin

<object> แท็กซ์ต์เรียกใช้ในต้นนั้นเพื่อวัตถุประสงค์ของการใส่เข้ามาแบบภาพแสดงผลแบบภาพแสดงผลเว็บเบราเซอร์

Plugin คือโปรแกรมคอมพิวเตอร์ที่ขยายคุณสมบัติของมาตรฐานเบราเซอร์

Plugin มีการใช้งานหลากหลาย

  • ปฏิบัติการ Java Applet
  • ปฏิบัติการ ActiveX Control
  • แสดงภาพยนตร์ Flash
  • แสดงแผนที่
  • สแกนไวรัส
  • ตรวจสอบ ID ธนาคาร

คำเตือน !

ส่วนใหญ่ของเบราเซอร์ไม่สนับสนุน Java Applet และ Plugin

เบราเซอร์ทุกชุดไม่สนับสนุน ActiveX Control อีกต่อไป

เบราเซอร์ทุกชุดได้ปิดการสนับสนุน Shockwave Flash

ตัวอย่าง

ตัวอย่าง 1

ภาพที่ใส่เข้ามา:

<object data="tulip.jpg" width="300" height="300"></object>

ทดลองด้วยตัวเอง

ตัวอย่าง 2

หน้าเว็บที่ใส่เข้ามา:

<object data="/index.html" width="500" height="300"></object>

ทดลองด้วยตัวเอง

ตัวอย่าง 3

วีดีโอที่ใส่เข้ามา:

<object data="shanghai.mp4" width="640" height="300"></object>

ทดลองด้วยตัวเอง

คุณสมบัติ

คุณสมบัติ ค่า การอธิบาย
data URL กำหนด URL ของทรัพยากรที่วัตถุต้องใช้
form id ฟอร์ม กำหนดฟอร์มที่วัตถุนั้นอยู่ใน
height พิกเซล กำหนดความสูงของวัตถุ
name ชื่อ กำหนดชื่อของวัตถุ
type ชนิดสื่อ กำหนดชนิดสื่อของข้อมูลที่กำหนดโดยคุณสมบัติ data
typemustmatch true/false กำหนดว่าควรมีการตรงกันข้ามของคุณสมบัติ type กับเนื้อหาที่เป็นที่สำคัญเพื่อการแสดงผล
usemap #mapname กำหนดชื่อแบบแบบภาพแสดงผลที่ใช้กับโอปเปอร์เกอร์เครื่องมือซึ่งต้องใช้พร้อม
width พิกเซล กำหนดความกว้างของอ็อบเจกต์

ตัวแปรโลก

<object> แบบภาพยังสนับสนุน ตัวแปรโลกใน HTML.

ตัวแปรเหตุ

<object> แบบภาพยังสนับสนุน ตัวแปรเหตุใน HTML.

การตั้งค่า CSS โดยเริ่มต้น

โดยมากที่สุดเบราเซอร์จะใช้ค่าเริ่มต้นตามตารางนี้เพื่อแสดงประกาศ <object> ตัวแปร

object:focus {
  outline: none;
}

การสนับสนุนโดยเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน
  • หน้าก่อนหน้า <noscript>
  • หน้าต่อไป <ol>