Belajar Element HTML: <object>

Tag <object> mewakili objek yang disematkan dalam dokumen HTML.

Bergantung pada jenis sumber file, elemen <object> akan diperlakukan sebagai gambar, sebagai konteks penelusuran bersarang, atau sebagai sumber daya eksternal yang akan diproses oleh plugin.

Kamu dapat menggunakan tag <param> untuk meneruskan parameter ke plugin yang telah disematkan menggunakan tag <object>.

Kamu juga dapat menggunakan tag <object> untuk menyematkan halaman web lain ke dalam dokumen HTML.

Syntax

Tag <object> ditulis seperti <object> </object> dengan konten apa pun yang terlampir di antara tag pembuka dan penutup.

Tag <object> biasanya memiliki satu atau lebih atribut, seperti atribut type, atau atribut data yang menentukan jenis konten yang disematkan dan data apa pun yang diperlukan.

Seperti ini:

<object data="" width="" height=""></object>
<object
  type="application/x-shockwave-flash" data="/assets/golf.swf" width="800" height="360">
  <param name="movie" value="/assets/golf.swf">
  <param name="wmode" value="transparent">
  <p>Kamu harus mengaktifkan Flash untuk melihat konten ini.</p>
</object>

data

URL data objek.

"/assets/golf.swf"

Nilai harus URL yang valid.

type

Menentukan jenis aplikasi.

"application/x-shockwave-flash"

Nilai harus tipe MIME yang valid.

height

Menentukan ketinggian objek.

"50"

Ketinggian piksel.

width

Menentukan lebar objek.

"150"

Lebar dalam piksel.

Pengaturan Default CSS

Sebagian besar browser menampilkan elemen <object> dengan pengaturan CSS:

object:focus {
  outline: none;
}