Tag HTML <object>

Definisi dan penggunaan

<object> Tag menentukan wadah sumber daya eksternal.

Sumber daya 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

Silakan lihat:

Panduan HTML:Elemen Object HTML

Panduan Referensi HTML DOM:Objek Object

Plugin

<object> Tag awalnya dirancang untuk menempatkan plugin di dalam browser.

Plugin adalah program komputer yang memperluas standar fitur browser.

Plugin memiliki berbagai macam kegunaan:

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

Peringatan !

Sebagian besar browser tidak mendukung aplikasi 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 Peraturan URL sumber daya yang digunakan oleh objek.
form id formulir Peraturan formulir yang milik objek.
height Pixel Peraturan tinggi objek.
name Nama Peraturan nama objek.
type Tipe media Peraturan tipe media data yang ditentukan di atribut data.
typemustmatch benar/false Peraturan apakah type atribut harus cocok dengan konten asli sumber daya untuk dapat ditampilkan.
usemap #mapname Peraturan untuk nama peta gambar klien yang harus digunakan bersama dengan objek.
width Pixel Tentukan lebar objek.

Atribut global

<object> Tag ini juga mendukung Atribut global di HTML.

Atribut acara

<object> Tag ini juga mendukung Atribut acara di HTML.

Pengaturan CSS default

Sebagian besar browser akan menampilkan elemen <object> dengan nilai default berikut:

object:focus {
  outline: none;
}

Dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan