HTML <object> -elementti

Määrittely ja käyttö

<object> Tunniste määrittää ulkoisen resurssin konteinereita.

Ulkoinen resurssi voi olla verkkosivu, kuva, mediasoittaja tai lisäosa-ohjelma.

Jos haluat upottaa kuvan, on parasta käyttää <img>-tunnistetta。

Jos haluat upottaa HTML:n, on parasta käyttää <iframe>-tunnistetta。

Jos haluat upottaa videon tai äänen, on parasta käyttää <video> ja <audio> Tunniste.

Katso myös:

HTML-opas:HTML Object-elementti

HTML DOM -viittausopas:Object-objekti

Lisäosa

<object> Tunnisteet suunniteltiin alun perin sisällyttämään selaimen lisäosia.

Lisäosa on tietokoneohjelma, joka laajentaa selaimen standardeja.

Lisäosilla on monia käyttötarkoituksia:

  • Suorita Java-appletti
  • Suorita ActiveX-kontrolli
  • Näytä Flash-elokuva
  • Näytä kartta
  • Skannaa virukset
  • Tarkista pankkitunnus

Varoitus!

Useimmat selaimet eivät enää tue Java-appletteja ja lisäosia.

Kukaan selain ei enää tue ActiveX-kontrollia.

Nykyiset selaimet ovat lopettaneet Shockwave Flash -tuen.

Esimerkki

Esimerkki 1

Upotettu kuva:

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

Kokeile itse!

Esimerkki 2

Upotettu HTML-sivu:

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

Kokeile itse!

Esimerkki 3

Upotettu video:

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

Kokeile itse!

Ominaisuus

Ominaisuus Arvo Kuvaus
data URL Määrittää resurssin URL-osoitteen, jota objekti käyttää.
form Lomakkeen id Määrittää objektin kuuluvan lomakkeen.
height 像素 Määrittää objektin korkeuden.
name Nimi Määrittää objektin nimen.
type Median tyyppi Määrittää data-ominaisuudessa määritetyn datan median tyyppi.
typemustmatch true/false Määrittää, onko type-ominaisuuden arvon täytyy vastata resurssin todellista sisältöä näyttääkseen.
usemap #mapname Määrittää asiakasohjelmiston käyttämän kuvamappauksen nimen.
width 像素 规定对象的宽度。

全局属性

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

事件属性

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

默认的 CSS 设置

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

object:focus {
  outline: none;
}

浏览器支持

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