HTML5タグ虎の巻

objectタグ

objectは、外部リソースを埋め込むタグです。

解説

objectタグは汎用的に外部データを扱えるため、画像、音声、動画、テキストデータなど多くの外部データに対応しています。 外部データに対してパラメータを与えたい場合は、子要素にparamタグで指定します。

コンテンツ・モデル

カテゴリー
(自カテゴリ)
フロー・コンテンツ
フレージング・コンテンツ
エンベッディッド・コンテンツ
インタラクティブ・コンテンツ
コンテキスト
(親カテゴリ)
エンベッディッド・コンテンツを許可する場所
コンテンツ・モデル
(子カテゴリ)
paramタグ

属性

objectタグには以下の属性が指定できます。

【属性】
属性説明
data外部リソースのパスを指定する。
(例)data="hoge.pdf"
name外部リソースの名前を指定する。
(例)name="hoge"
type外部リソースのMIMEタイプを指定する。
(例)type="application/pdf"
widthobjectエリアのサイズ(幅)を指定する。
(例)width="300"
heightobjectエリアのサイズ(高さ)を指定する。
(例)height="200"
【主要グローバル属性】
属性説明
classクラスを指定する
(例)class="hoge"
idIDを指定する
(例)id="foo"
styleスタイルを指定する
(例)style="color:red;"
titleツールチップを指定する
(例)title="補足情報です"
tabindexTabキーによる移動の順番を指定する
 正数:指定した数値の順にフォーカス移動される
 負数:フォーカスは可能だが、タブ移動時はフォーカス対象とならない
(例)tabindex="10"

その他のグローバル属性値については、グローバル属性をご覧ください。

サンプル

PDFを表示する

<object data="hoge.pdf" width="800" height="500">
  <p>お使いの環境ではobject要素に対応していません。</p>
</object>

Flashを表示する

<object data="hoge.swf" width="500" height="400">
  <param name="p1" value="値1">
  <param name="p2" value="値2">
  <p>お使いの環境ではobject要素に対応していません。</p>
</object>

関連項目

  • object:外部リソースを埋め込む
  • param:外部リソースに渡すパラメータを指定する
  • embed:プラグインを使用するコンテンツを表示する