Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิธีรวมออบเจกต์ฝัง (Embedded Object) ใน HTML

เพื่อรวมออบเจกต์ฝัง ใช้แท็ก <object> แท็ก HTML <object> ใช้ฝังมัลติมีเดียในเอกสาร HTML แท็ก <param> ยังใช้ร่วมกับแท็กนี้เพื่อกำหนดพารามิเตอร์ต่างๆ

แอตทริบิวต์ของ <object>

แอตทริบิวต์ ค่า คำอธิบาย
align left, right, top, bottom Deprecated - การจัดตำแหน่งภาพ
archive URL รายการ URL ของ archive แบบ space-separated
border pixels Deprecated - ความกว้างขอบรอบออบเจกต์
classid Class ID Class ID ใน Windows Registry หรือ URL (สำหรับ ActiveX)
codebase URL พาธที่ตั้งรหัสออบเจกต์
codetype mime type MIME type ของโค้ดที่ classid อ้างอิง
data URL URL สำหรับข้อมูลออบเจกต์
declare declare ประกาศอย่างเดียว ไม่สร้างจนกว่าจะต้องการ
height pixels ความสูงของออบเจกต์
hspace pixels Deprecated - ช่องว่างแนวนอนรอบออบเจกต์
name object name ชื่อเฉพาะสำหรับออบเจกต์
standby text ข้อความแสดงระหว่างโหลดออบเจกต์
type mime type MIME type ของข้อมูลใน data attribute
usemap URL URL ของ client-side image map สำหรับออบเจกต์
vspace pixels Deprecated - ช่องว่างแนวตั้งรอบออบเจกต์
width pixels ความกว้างของออบเจกต์

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแท็ก <object> ใน HTML:

<!DOCTYPE html> 
<html> 
  <head> 
    <title>HTML object Tag</title> 
  </head> 
  <body> 
    <object data="/html/test.jpg" type="text/html" width="300" height="200"> 
      alt : <a href="/html/test.htm">test.jpg</a> 
    </object> 
  </body> 
</html>

การใช้งานทั่วไป: PDF, Flash (เก่า), Java Applets (เก่า), SVG, รูปภาพ, วิดีโอ, เสียง

สมัยใหม่: ใช้ <video>, <audio>, <img>, <iframe>, <embed>, <picture> แทนตามประเภทสื่อ