object要素

object要素は、外部リソースを、ドキュメントへ埋め込む要素。

カテゴリー フロー・コンテンツ、フレージング・コンテンツ、エンベディッド・コンテンツ、パルパブル・コンテンツ、フォーム関連要素。
usemap属性を指定した場合、インタラクティブ・コンテンツ。
コンテキスト エンベディッド・コンテンツを内包できる要素内で使用できる。
コンテンツ・モデル まず、０個以上のparam要素。
その後、トランスペアレント・コンテンツ・モデルとして、親要素のコンテンツ・モデルを継承する。
属性 グローバル属性。
任意属性：data属性、type属性、typemustmatch属性、name属性、usemap属性、form属性、width属性、height属性。
data属性かtype属性のどちらか１つは必ず指定しなければならない。
ブラウザ対応

構文

<object data="URL" type="MIMEタイプ">代替コンテンツ</object>

data属性に、埋め込むコンテンツのURLを指定する。

type属性に、埋め込むコンテンツのMIMEタイプを指定する。

data属性に指定したコンテンツが利用できない場合、代替コンテンツを表示する。

要点

  • object要素は、外部リソース全般を、ドキュメントへ埋め込む要素である。
  • Flash、PDF、画像、音声、動画、Javaアプレット、ActiveXなどを埋め込む場合に使う。

属性

任意属性

属性 説明
data属性 埋め込むコンテンツのURLを指定する属性。
type属性 埋め込むコンテンツのMIMEタイプを指定する属性。
typemustmatch属性 data属性に指定したコンテンツのContent-Typeと、type属性に指定したMIMEタイプが一致した時だけ、コンテンツを埋め込むかどうかを指定する属性。
name属性 object要素の名前を指定する属性。
usemap属性 関連付けるイメージマップの名前を指定する属性。
form属性 関連付けるフォームのidを１つ以上指定する属性。
width属性 埋め込むコンテンツの幅を指定する属性。
height属性 埋め込むコンテンツの高さを指定する属性。

サンプルコード

Flash

<object data="sample.swf" type="application/x-shockwave-flash">代替コンテンツ</object>

PDF

<object data="sample.pdf" type="application/pdf">代替コンテンツ</object>

画像（PNG）

<object data="sample.png" type="image/png">代替コンテンツ</object>

サンプル

HTMLソースコード

<p>Flash（swf）： <object data="sample-embed.swf" width="160" height="160" style="vertical-align: middle;">代替コンテンツ。</object></p>
<p>PDF： <object data="sample-object-pdf.pdf" width="350" height="175" style="vertical-align: middle;">代替コンテンツ。</object></p>
<p>画像（PNG）： <object data="sample-img.png" style="vertical-align: middle;">代替コンテンツ。</object></p>

実際の表示

Flash（swf）： 代替コンテンツ。

PDF： 代替コンテンツ。

画像（PNG）： 代替コンテンツ。