<object>
<object> は HTML の要素で、画像、内部の閲覧コンテキスト、プラグインによって扱われるリソースなどのように扱われる外部リソースを表します。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 3 | 18 | 2 | |
| HTML 属性 | ||||||
data | 1 | 12 | 1 | 3 | 18 | 2 |
| form は HTML の属性で、フォーム関連要素を、同じ文書内の form 要素に関連付けます。この属性は、button、fieldset、input、object、output、select、textarea の各要素に適用されます。 | 1 | 12 | 1 | 3 | 18 | 2 |
height | 1 | 12 | 1 | 3 | 18 | 2 |
name | 1 | 12 | 1 | 3 | 18 | 2 |
type | 1 | 12 | 1 | 3 | 18 | 2 |
width | 1 | 12 | 1 | 3 | 18 | 2 |
| DOM API | ||||||
| HTMLObjectElement インターフェイスは、外部リソースを表す object 要素のレイアウトや表示を操作するための特別なプロパティとメソッド（継承によって利用できる HTMLElement インターフェイスのもの以外のもの）を提供するものです。 | 1 | 12 | 1 | 3 | 18 | 1 |
| contentDocument は HTMLObjectElement インターフェイスの読み取り専用プロパティで、この object 要素のネストした閲覧コンテキストのアクティブな文書があれば、それを表す Document を返し、なければ null を返します。 | 1 | 12 | 1 | 3 | 18 | 1 |
| contentWindow は HTMLObjectElement インターフェイスの読み取り専用プロパティで、オブジェクト要素の含まれている閲覧コンテキストにウィンドウプロキシーがあれば、それを表す WindowProxy を返し、なければ null を返します。 | 53 | 17 | 22 | 13 | 53 | 13 |
| data は HTMLObjectElement インターフェイスのプロパティで、HTML の data 属性を反映した文字列を返します。リソースのデータのアドレスを指定します。 | 1 | 12 | 1 | 3 | 18 | 1 |
| form は HTMLObjectElement インターフェイスの読み取り専用プロパティで、この object 要素のフォームのオーナーを表す HTMLFormElement を返します。オーナーがない場合は null を返します。 | 1 | 12 | 1 | 3 | 18 | 1 |
| HTMLObjectElement インターフェースの getSVGDocument() メソッドは埋め込まれた SVG の Document オブジェクトを返す。 | 1 | 12 | 3.5 | 3 | 18 | 1 |
| height は HTMLObjectElement インターフェイスのプロパティで、 HTML の height 属性を反映した文字列を返します。リソースを表示する高さを CSS ピクセル単位で指定します。 | 1 | 12 | 1 | 3 | 18 | 1 |
| name は HTMLObjectElement インターフェイスのプロパティで、 HTML の name 属性を反映した文字列を返します。閲覧コンテキストの名前を指定します。 | 1 | 12 | 1 | 3 | 18 | 1 |
| type は HTMLObjectElement インターフェイスのプロパティで、HTML の type 属性を反映した文字列を返します。リソースの MIME タイプを指定します。 | 1 | 12 | 1 | 3 | 18 | 1 |
| width は HTMLObjectElement インターフェイスのプロパティで、 HTML の width 属性を反映した文字列であり、リソースが表示される幅を CSS ピクセル単位で指定する値を返します。 | 1 | 12 | 1 | 3 | 18 | 1 |
基本構文
<object data="document.pdf" type="application/pdf"
width="600" height="400">
<p>Unable to display the PDF. <a href="document.pdf">Download</a></p>
</object>実務での使いどころ
-
<object> の活用
<object> は HTML の要素で、画像、内部の閲覧コンテキスト、プラグインによって扱われるリソースなどのように扱われる外部リソースを表します。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。