Tanda <object> HTML

Definisi dan penggunaan

<object> Tag defini sumber eksternal yang berisi.

Sumber eksternal dapat berupa halaman web, gambar, pemutar media, atau aplikasi plugin.

Untuk menyisipkan gambar, yang paling baik menggunakan Tag <img>。

Untuk menyisipkan HTML, yang paling baik menggunakan Tag <iframe>。

Untuk menyisipkan video atau audio, yang paling baik menggunakan <video> dan <audio> Tag

Lihat pula:

Panduan HTML:Elemen Object HTML

Panduan Referensi HTML DOM:Objek Object

Plugin

<object> Tag awalnya dirancang untuk menyisipkan plugin browser.

Plugin adalah program komputer yang memperluas fungsi standar browser.

Plugin memiliki berbagai penggunaan yang berbeda:

  • Jalankan program kecil Java
  • Jalankan kontrol ActiveX
  • Tampilkan film Flash
  • Tampilkan peta
  • Pindai virus
  • Verifikasi ID bank

Peringatan !

Sebagian besar browser tidak mendukung program kecil Java dan plugin.

Tidak ada browser yang mendukung kontrol ActiveX lagi.

Browser modern telah menutup dukungan untuk Shockwave Flash.

Contoh

Contoh 1

Gambar yang disisipkan:

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

Coba sendiri

Contoh 2

Halaman HTML yang disisipkan:

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

Coba sendiri

Contoh 3

Video yang disisipkan:

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

Coba sendiri

Atribut

Atribut Nilai Deskripsi
data URL Pengaturan URL sumber yang akan digunakan oleh objek.
form ID formulir Pengaturan formulir milik objek.
height 像素 Pengaturan ketinggian objek.
name Nama Pengaturan nama objek.
type Jenis media Pengaturan jenis media data yang ditentukan di atribut data.
typemustmatch true/false Pengaturan apakah type atribut harus sejalan dengan konten sumber yang sebenarnya untuk ditampilkan.
usemap #mapname Pengaturan nama peta gambar klien yang harus digunakan bersama dengan objek.
width 像素 规定对象的宽度。

全局属性

<object> 标签还支持 HTML 中的全局属性。

事件属性

<object> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <object> 元素：

object:focus {
  outline: none;
}

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持