HTML <object> etiket

Definition og brug

<object> Tag definerer beholderen for eksterne ressourcer.

Eksterne ressourcer kan være websider, billeder, medieafspillere eller plugin-applikationer.

For at indlejre billede, er det bedst at bruge <img>-tagget.

For at indlejre HTML, er det bedst at bruge <iframe>-tagget.

For at indlejre video eller lyd, er det bedst at bruge <video> og <audio> Tag

Se også:

HTML-tur:HTML Object-element

HTML DOM referencehåndbog:Object-objekt

Plugin

<object> Etiketter blev oprindeligt designet til at indlejre browserplugins.

Plugins er computerprogrammer, der udvider browserstandarder.

Plugins har mange forskellige anvendelser:

  • Kør Java-applet
  • Kør ActiveX-kontrol
  • Vis Flash-film
  • Vis kort
  • Scan virus
  • Valider bank ID

Advarsel !

De fleste browsere understøtter ikke længere Java-applets og plugins.

Ingen browser understøtter længere ActiveX-kontroller.

Moderne browsere har også lukket støtte for Shockwave Flash.

Eksempel

Eksempel 1

Indsat billede:

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

Prøv det selv

Eksempel 2

Indsat HTML-side:

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

Prøv det selv

Eksempel 3

Indsat video:

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

Prøv det selv

Egenskab

Egenskab Værdi Beskrivelse
data URL Definierer URL'en til ressourcen, som objektet skal bruge.
form Formular id Definierer det formulær, som objektet tilhører.
height Pixel Definierer objektets højde.
name Navn Definierer objektets navn.
type Medietype Definierer medietypen for data angivet i data-attributtet.
typemustmatch true/false Definierer om type-attributtet skal matche ressourcens faktiske indhold for at kunne vises.
usemap #mapname Definierer navnet på klientens billedkort som skal bruges sammen med objektet.
width Pixel Definerer objektets bredde.

Globale attributter

<object> Etiketten understøtter også Globale attributter i HTML.

eventattributter

<object> Etiketten understøtter også Eventattributter i HTML.

Standard CSS-indstillinger

De fleste browsere vil bruge følgende standardværdier til at vise <object>-elementet:

object:focus {
  outline: none;
}

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support