HTML tag <object>


Příklad

Vložený obrázek:

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

Příklad

Vložená stránka HTML:

<object data="snippet.html" width="500" height="200"></object>

Příklad

Vložené video:

<object data="video.mp4" width="400" height="300"></object>

Definice a použití

Značka <object>definuje kontejner pro externí zdroj.

Externím zdrojem může být webová stránka, obrázek, přehrávač médií nebo zásuvná aplikace.

Pro vložení obrázku je lepší použít <img>značku.

Pro vložení HTML je lepší použít <iframe>značku.

Pro vložení videa nebo zvuku je lepší použít značky <video>a <audio>.


Podpora prohlížeče

Element
<object> Yes Yes Yes Yes Yes

Zásuvné moduly

Značka <object>byla původně navržena pro vložení zásuvných modulů prohlížeče.

Plug-iny jsou počítačové programy, které rozšiřují standardní funkce prohlížeče.

Pluginy se používají k mnoha různým účelům:

  • Spusťte Java applety
  • Spusťte ovládací prvky ActiveX
  • Zobrazení filmů ve formátu Flash
  • Zobrazit mapy
  • Vyhledejte viry
  • Ověřte ID banky

Varování !

Většina prohlížečů již nepodporuje Java applety a zásuvné moduly.

Ovládací prvky ActiveX již nejsou podporovány v žádném prohlížeči.

V moderních prohlížečích byla také vypnuta podpora pro Shockwave Flash.


Atributy

Attribute Value Description
data URL Specifies the URL of the resource to be used by the object
form form_id Specifies which form the object belongs to
height pixels Specifies the height of the object
name name Specifies a name for the object
type media_type Specifies the media type of data specified in the data attribute
typemustmatch true/false Specifies whether the type attribute and the actual content of the resource must match to be displayed
usemap #mapname Specifies the name of a client-side image map to be used with the object
width pixels Specifies the width of the object

Globální atributy

Značka <object>také podporuje globální atributy v HTML .


Atributy události

Značka <object>také podporuje atributy událostí v HTML .


Související stránky

HTML výukový program: HTML Object Element

HTML DOM reference: Object Object


Výchozí nastavení CSS

Většina prohlížečů zobrazí <object>prvek s následujícími výchozími hodnotami:

object:focus {
  outline: none;
}