path: root/files/ja/web/html/element/object/index.html

---
title: <object>
slug: Web/HTML/Element/object
tags:
  - Element
  - HTML
  - HTML embedded content
  - Reference
  - Web
translation_of: Web/HTML/Element/object
---
<p>{{HTMLRef}}</p>

<p><strong>HTML の <code>&lt;object&gt;</code> 要素</strong>は、画像、内部の閲覧コンテキスト、プラグインによって扱われるリソースなどのように扱われる外部リソースを表現します。</p>

<div>{{EmbedInteractiveExample("pages/tabbed/object.html", "tabbed-standard")}}</div>

<div class="hidden">このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> をクローンしてプルリクエストを送信してください。</div>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリ</a></th>
   <td><a href="/ja/docs/Web/HTML/Content_categories#Flow_content">フローコンテンツ</a>, <a href="/ja/docs/Web/HTML/Content_categories#Phrasing_content">記述コンテンツ</a>, <a href="/ja/docs/Web/HTML/Content_categories#Embedded_content">埋め込みコンテンツ</a>, 知覚可能コンテンツ、要素が {{htmlattrxref("usemap","object")}} 属性を持つ場合は <a href="/ja/docs/Web/HTML/Content_categories#Interactive_content">対話型コンテンツ</a>, <a href="/ja/docs/Web/HTML/Content_categories#Form_listed">リスト化</a>/<a href="/ja/docs/Web/HTML/Content_categories#Form_submittable">送信可能</a> な <a href="/ja/docs/Web/HTML/Content_categories#Form-associated_content">フォーム関連要素</a></td>
  </tr>
  <tr>
   <th scope="row">許可されている内容</th>
   <td>0個以上の {{HTMLElement("param")}} 要素とそれに続く <a href="/ja/docs/Web/HTML/Content_categories#Transparent_content_model">透過的コンテンツ</a></td>
  </tr>
  <tr>
   <th scope="row">タグの省略</th>
   <td>{{no_tag_omission}}</td>
  </tr>
  <tr>
   <th scope="row">許可されている親要素</th>
   <td><a href="/ja/docs/Web/HTML/Content_categories#Embedded_content">埋め込みコンテンツ</a>を受け入れるすべての要素</td>
  </tr>
  <tr>
   <th scope="row">暗黙の ARIA ロール</th>
   <td><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">対応するロールなし</a></td>
  </tr>
  <tr>
   <th scope="row">許可されている ARIA ロール</th>
   <td>{{ARIARole("application")}}, {{ARIARole("document")}}, {{ARIARole("image")}}</td>
  </tr>
  <tr>
   <th scope="row">DOM インターフェイス</th>
   <td>{{domxref("HTMLObjectElement")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Attributes" name="Attributes">属性</h2>

<p>この要素は、すべての HTML 要素で共通の<a href="/ja/docs/Web/HTML/Global_attributes">グローバル属性</a>と、以下に列挙する属性を持ちます。</p>

<dl>
 <dt>{{HTMLAttrDef("archive")}}{{HTMLVersionInline(4)}} のみ。 {{Obsolete_Inline("HTML5")}}</dt>
 <dd>オブジェクトのリソースの URI 群を、半角スペースで区切って指定。</dd>
 <dt>{{HTMLAttrDef("border")}}{{Deprecated_Inline("HTML4.01")}}{{Obsolete_Inline("HTML5")}}</dt>
 <dd>コントロールの境界線のピクセル幅。※指定時に px などの単位は不要。</dd>
 <dt>{{HTMLAttrDef("classid")}}{{HTMLVersionInline(4)}} のみ。 {{Obsolete_Inline("HTML5")}}</dt>
 <dd>オブジェクトの実装の URI。 <strong>data</strong> 属性とともに、または <strong>data</strong> 属性の代替として用いることができます。</dd>
 <dt>{{HTMLAttrDef("codebase")}}{{HTMLVersionInline(4)}} のみ。 {{Obsolete_Inline("HTML5")}}</dt>
 <dd><strong>classid</strong> 属性、<strong>data</strong> 属性、<strong>archive</strong> 属性で指定された相対 URI を解決するための基準パス。指定しない場合、既定値は現在の文書のベース URI となります。</dd>
 <dt>{{HTMLAttrDef("codetype")}}{{HTMLVersionInline(4)}} のみ。 {{Obsolete_Inline("HTML5")}}</dt>
 <dd><strong>classid</strong> によって指定されたデータの、コンテンツ・タイプ。</dd>
 <dt>{{HTMLAttrDef("data")}}</dt>
 <dd>リソースのアドレスを有効な URL で指定。<strong>data</strong> 属性と <strong>type</strong> 属性のうち、少なくとも1つは定義しておく必要があります。</dd>
 <dt>{{HTMLAttrDef("declare")}}{{HTMLVersionInline(4)}} のみ。 {{Obsolete_Inline("HTML5")}}</dt>
 <dd>この論理属性は属性名を指定するだけで有効になります。オブジェクトは、後続する <code>&lt;object&gt;</code> 要素でインスタンス化しなければなりません。HTML5 ではリソースを再利用するごとに、完全な形の &lt;object&gt; 要素を繰り返し配置します。</dd>
 <dt>{{HTMLAttrDef("form")}}{{HTMLVersionInline(5)}}</dt>
 <dd>オブジェクトがフォームに関連付けられている場合、そのフォーム（※フォームオーナー）の id を指定。属性値は、同一文書内の {{HTMLElement("form")}} 要素の id でなければなりません。</dd>
 <dt>{{HTMLAttrDef("height")}}</dt>
 <dd>表示されるリソースの高さを <a href="https://drafts.csswg.org/css-values/#px">CSS ピクセル値</a> で指定。(絶対値に限ります。<a href="https://html.spec.whatwg.org/multipage/embedded-content.html#dimension-attributes">パーセント値は不可</a>)</dd>
 <dt>{{HTMLAttrDef("name")}}</dt>
 <dd>有効な閲覧コンテキストの名前 (HTML5) またはコントロールの名前 (HTML 4)。</dd>
 <dt>{{HTMLAttrDef("standby")}}{{HTMLVersionInline(4)}} のみ。 {{Obsolete_Inline("HTML5")}}</dt>
 <dd>オブジェクトの実装とデータの読み込み中にブラウザーに表示することができるメッセージ。</dd>
 <dt>{{HTMLAttrDef("tabindex")}}{{HTMLVersionInline(4)}} のみ。 {{Obsolete_Inline("HTML5")}}</dt>
 <dd>現在の文書のタブナビゲーション順序におけるこの要素の位置。</dd>
 <dt>{{HTMLAttrDef("type")}}</dt>
 <dd><strong>data</strong> 属性によって指定されたリソースの <a href="/ja/docs/Glossary/Content_type">content type</a>。<strong>data</strong> 属性と <strong>type</strong> 属性のうち、少なくとも 1 つは定義しておく必要があります。</dd>
 <dt>{{HTMLAttrDef("typemustmatch")}}{{HTMLVersionInline(5)}}</dt>
 <dd>この論理属性は、リソースを使用するためには <strong>type</strong> 属性の値とリソースの実際の <a href="/ja/docs/Glossary/Content_type">content type</a> が一致していなければならないかを示します。</dd>
 <dt>{{HTMLAttrDef("usemap")}}</dt>
 <dd>{{HTMLElement("map")}} 要素を参照するハッシュ名。 '#' の後に map 要素の {{htmlattrxref("name", "map")}} 属性を繋げた文字列を属性値として記述します。</dd>
 <dt>{{HTMLAttrDef("width")}}</dt>
 <dd>表示されるリソースの幅を <a href="https://drafts.csswg.org/css-values/#px">CSS ピクセル値</a> で指定。(絶対値に限ります。<a href="https://html.spec.whatwg.org/multipage/embedded-content.html#dimension-attributes">パーセンテージは不可</a>)</dd>
</dl>

<h2 id="Examples" name="Examples">例</h2>

<h3 id="Embed_a_flash_movie" name="Embed_a_flash_movie">Flash 動画を埋め込む</h3>

<pre class="brush: html notranslate">&lt;!-- 埋め込み Flash 動画 --&gt;
&lt;object data="movie.swf"
  type="application/x-shockwave-flash"&gt;&lt;/object&gt;

&lt;!-- 引数付き埋め込み Flash 動画 --&gt;
&lt;object data="movie.swf" type="application/x-shockwave-flash"&gt;
  &lt;param name="foo" value="bar"&gt;
&lt;/object&gt;
</pre>

<h2 id="Specifications" name="Specifications">仕様書</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">仕様書</th>
   <th scope="col">状態</th>
   <th scope="col">備考</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName("HTML WHATWG", "embedded-content.html#the-object-element", "&lt;object&gt;")}}</td>
   <td>{{Spec2("HTML WHATWG")}}</td>
   <td></td>
  </tr>
  <tr>
   <td>{{SpecName("HTML5 W3C", "semantics-embedded-content.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" name="Browser_compatibility">ブラウザーの互換性</h2>

<p>注: Google Chrome はテキストの検索 (<kbd>ctrl + F</kbd> のショートカットからアクセス) で <code>&lt;object&gt;&lt;/object&gt;</code> タグ内の検索に対応していません。</p>

<p>{{Compat("html.elements.object")}}</p>

<h2 id="See_also" name="See_also">関連情報</h2>

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