このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

object要素:外部リソースの埋め込み

記事Nov.3rd, 2020
あらゆる種類の外部リソースを文書に埋め込む要素
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

要素について

object”要素はあらゆる種類の外部リソースを文書に埋め込む要素です。

画像、動画、音声、HTML文書、PDF形式などの文書ファイルといったあらゆる外部リソースを埋め込むために使用することができます。埋め込まれる外部リソースはその種類によって画像、入れ子されたブラウジング・コンテキストもしくはプラグインを使用して表示されるリソースのいずれかとして扱われます。ユーザーのブラウザが対応していない種類のファイルは表示できません。

埋め込まれる外部リソースによってimg”要素iframe”要素embed”要素と同じように機能します。

パラメータの指定が必要な場合は子要素となるparam”要素で指定することができます。

object”要素の中には埋め込まれた外部リソースに対応していないブラウザーへ向けた代替コンテンツを配置することができます。なお、子要素としてparam”要素を配置する場合、代替コンテンツはそのあとに配置されなければなりません。

サンプルコード

画像として表示

<object data="sample.svg">
画像を表示できません
</object>
画像を表示できません

入れ子されたブラウジング・コンテキストとして表示

<object data="sample.html">
<a href="sample.html">サンプルの文書</a>
</object>
サンプルの文書

プラグインデータとして表示

<object type="application/x-shockwave-flash">
<param name="movie" value="sample.swf">
<param name="quality" value="best">
<video src="sample.mp4">
<a href="sample.mp4">サンプルの動画</a>
</video>
</object>

代替コンテンツとしてvideo”要素を配置しています。さらにvideo”要素の中にもvideo”要素に対応していないブラウザ向けに代替コンテンツを配置しています。

属性と値

現行の仕様で定義されている属性

属性
属性 説明 説明
必須属性(少なくとも一つ)
data="" 埋め込む外部リソースの指定 URL 埋め込む外部リソースのURL
type="" 外部リソースの種類 MIMEタイプ 外部リソースの種類
任意属性
グローバル属性
name="" ブラウジング・コンテキストの名前 文字列 ブラウジング・コンテキストの名前
usemap="" クライアントサイドイメージマップ #マップ名 イメージマップの名前(map”要素name”属性の値)
form=""HTML5で追加 関連付けるフォーム ID名 関連づけるform”要素id”属性の値
width="" 外部リソースを表示する領域の横幅 正の整数 外部リソースを表示する領域の横幅のピクセル数
height="" 外部リソースを表示する領域の高さ 正の整数 外部リソースを表示する領域の高さのピクセル数

マイクロデータ属性itemprop”属性を指定した場合はdata”属性は必須です。

過去に定義された属性

属性
属性 説明 説明
declare=""注意 外部リソースを実行せず宣言のみとする declare 外部リソースを実行せず宣言のみとする
classid=""注意 外部リソースの実装の指定 URL 外部リソースの実装のURL
codebase=""注意 相対リンクの基準とするURL URL 相対リンクの基準とするURL
archive=""注意 外部リソースと関連するリソースのアーカイブの指定 URL 外部リソースと関連するリソースのアーカイブのURL
codetype=""注意 classid”属性で読み込まれるデータの種類 MIMEタイプ classid”属性で読み込まれるデータの種類
standby=""注意 外部リソースのロード中に表示するメッセージ テキスト 外部リソースのロード中に表示するメッセージ
tabindex="" フォーカスの可否とフォーカスの移動順序を指定する 正の整数 順次ナビゲーションに加わり、フォーカスの順番を指定(tabindex”属性の値が小さい順番にフォーカスする)
0 順次ナビゲーションに加わるがフォーカスの順番は指定しない(文書内に記述された順番でフォーカスする)
負の整数 フォーカス可能だが順次ナビゲーションには加わらない
align=""注意 垂直方向の位置 bottom 上端揃え
middle 中央揃え
top 下端揃え
水平方向の位置 left 左寄せ
right 右寄せ
border=""注意 境界線の太さ 正の整数 境界線の太さのピクセル数
hspace=""注意 画像の上下の余白 ピクセル数 画像の上下の余白のピクセル数
vspace=""注意 画像の左右の余白 ピクセル数 画像の左右の余白のピクセル数
typemustmatch=""注意 埋め込まれた外部リソースの種類がtype”属性の値と一致しない場合は利用しない typemustmatch 埋め込まれた外部リソースの種類がtype”属性の値と一致しない場合は利用しない

仕様書

object”要素はHTML5から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。

HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<object>
定義あり

定義あり

定義あり

定義あり

定義あり
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク