---
title: <object>
slug: Web/HTML/Element/object
tags:
  - Element
  - HTML
  - HTML eingebetteter Inhalt
  - Referenz
  - Web
translation_of: Web/HTML/Element/object
---
<h2 id="Summary">Summary</h2>

<p>Das <strong>HTML <code>&lt;object&gt;</code> Element</strong> (oder auch <em>HTML Embedded Object Element</em>) repräsentiert eine externe Resource die entweder als Bild, eingebetteter Browser Context oder eine Resource die von einem Plugin geöffnet wird.</p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Content categories</a></th>
   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>; <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>; <a href="/en-US/docs/HTML/Content_categories#Embedded_content" title="HTML/Content categories#Embedded content">embedded content</a>, palpable content; Bei besitzen des Attributs <strong>usemap: </strong><a href="/en-US/docs/HTML/Content_categories#Interactive_content" title="HTML/Content categories#Interactive content">interactive content</a>; <a href="/en-US/docs/HTML/Content_categories#Form_listed" title="HTML/Content categories#Form listed">listed</a>, <a href="/en-US/docs/HTML/Content_categories#Form_submittable" title="HTML/Content categories#Form submittable">submittable</a> <a href="/en-US/docs/HTML/Content_categories#Form-associated_content" title="HTML/Content categories#Form-associated content">form-associated</a> element.</td>
  </tr>
  <tr>
   <th scope="row">Erlaubter Inhalt</th>
   <td>Null oder mehrere {{HTMLElement("param")}} Elemente, dann <a href="/en-US/docs/HTML/Content_categories#Transparent_content_models" title="HTML/Content categories#Transparent content models">Transparent content</a>.</td>
  </tr>
  <tr>
   <th scope="row">Tag omission</th>
   <td>{{no_tag_omission}}</td>
  </tr>
  <tr>
   <th scope="row">Permitted parent elements</th>
   <td>Jedes Element das <a href="/en-US/docs/HTML/Content_categories#Embedded_content" title="HTML/Content categories#Embedded content">embedded content</a> erlaubt.</td>
  </tr>
  <tr>
   <th scope="row">DOM interface</th>
   <td>{{domxref("HTMLObjectElement")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Attributes">Attributes</h2>

<p><span style="line-height: 21px;">Dieses Element enthält die </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">global attributes</a><span style="line-height: 21px;">.</span></p>

<dl>
 <dt>{{htmlattrdef("archive")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
 <dd>Eine durch Leerzeichen getrennte Liste von URIs für die Archive der Resourcen dieses <em>objects</em>.</dd>
 <dt>{{htmlattrdef("border")}} {{deprecatedGeneric('inline','HTML4.01')}}; {{obsoleteGeneric('inline','HTML5')}}</dt>
 <dd>Rahmenbreite in Pixeln.</dd>
 <dt>{{htmlattrdef("classid")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
 <dd>URI die Object implementiert. Kann mit oder anstatt des <strong>data</strong> Attributes benutzt werden.</dd>
 <dt>{{htmlattrdef("codebase")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
 <dd>Der Ursprungspfad zum auflösen der relativen URIs die durch <strong>classid</strong>, <strong>data</strong>, oder <strong>archive</strong> spezifiziert werden. Falls nicht spezifiziert, ist der Ursprungspfad der URI, document.</dd>
 <dt>{{htmlattrdef("codetype")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
 <dd>Inhaltstype der Daten die durch <strong>classid</strong> spezifiziert werden.</dd>
 <dt>{{htmlattrdef("data")}}</dt>
 <dd>Valide URL der Adressressource. Wenigstens eine muss für <strong>data</strong> und <strong>type</strong> angegeben werden.</dd>
 <dt>{{htmlattrdef("declare")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
 <dd>Bei vorhanden sein dieses Boolschen Attributes, wird das Element lediglich deklariert. <em>Object </em>muss durch ein nachfolgendes <code>&lt;object&gt;</code> Element instanziiert werden. In HTML5, wiederholt sich &lt;object&gt; komplett sodass jede Resource wiederbenutzt wird.</dd>
 <dt>{{htmlattrdef("form")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Das form Element, falls vorhanden, sodass das <em>object mit dieser Form identifiziert wird </em>(seinem <em>form Besitzer</em>). Der Wert muss eine ID eines {{HTMLElement("form")}} Elements im selben <em>document</em> sein.</dd>
 <dt>{{htmlattrdef("height")}}</dt>
 <dd>Rahmenhöhe in Pixeln.</dd>
 <dt>{{htmlattrdef("name")}}</dt>
 <dd>Name des gültigen Browsing Contexts (HTML5), oder der Name oder Name der <em>control </em>(HTML 4).</dd>
 <dt>{{htmlattrdef("standby")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
 <dd>Eine Nachricht die angezeigt wird, während die <em>object</em> Implementierung und Daten geladen werden.</dd>
 <dt>{{htmlattrdef("tabindex")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
 <dd>Tabbing Position im aktuellen <em>document</em>.</dd>
 <dt>{{htmlattrdef("type")}}</dt>
 <dd><a href="/en-US/docs/Glossary/Content_type">content type</a> der Resource wie in <strong>data</strong> spezifiziert. Wenigsten ein <strong>data</strong> und <strong>type</strong> müssen definiert sein.</dd>
 <dt>{{htmlattrdef("usemap")}}</dt>
 <dd><em>hash-name</em> Referenz zu einem {{HTMLElement("map")}} Element; d.h. ein '#' gefolgt der Value eines {{htmlattrxref("name", "map")}} von einem map Element.</dd>
 <dt>{{htmlattrdef("width")}}</dt>
 <dd>Anzeigebreite in PixelnThe width of the display resource, in CSS pixels.</dd>
</dl>

<h2 id="Beispiele">Beispiele</h2>

<h3 id="Flash_Video_einbetten">Flash Video einbetten</h3>

<pre class="brush: html">&lt;!-- Einbetten eines Flash Videos --&gt;
&lt;object data="move.swf" type="application/x-shockwave-flash"&gt;&lt;/object&gt;

&lt;!-- <span style="font-size: 1rem;"> Einbetten eines Flash Videos</span><span style="font-size: 1rem;"> mit Parametern --&gt;</span>
&lt;object data="move.swf" type="application/x-shockwave-flash"&gt;
  &lt;param name="foo" value="bar"&gt;
&lt;/object&gt;
</pre>

<h2 id="Specifications" name="Specifications">Specifications</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'the-iframe-element.html#the-object-element', '&lt;object&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-object-element', '&lt;object&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/objects.html#h-13.3', '&lt;object&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Browser compatibility</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("1.0")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile("1.0")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="See_also">See also</h2>

<ul>
 <li>{{HTMLElement("param")}}</li>
</ul>

<p>{{HTMLRef}}</p>