プログラミング

object要素で外部リソースを埋め込む【HTML】

object要素によって、画像や動画、Flashなどのようなプラグインが必要な外部リソース、または他のHTML文書など、色々な外部リソースを埋め込むことができます。

object要素の内容は、埋め込む外部リソースのパラメーターや対応していない環境での代替コンテンツとなります。

object要素で使える属性

object要素には以下のような属性を指定することができます。

  • data(データ)
  • type(タイプ)
  • typemustmatch(タイプ・マスト・マッチ)
  • name(ネーム)
  • usemap(ユーズマップ)
  • form(フォーム)
  • width・height(ウィズ・ハイト)

data(データ)

data属性では埋め込む外部リソースのURLを指定します。

type(タイプ)

type属性はリンク先のMIMEタイプを指定する属性です。

MIMEタイプというのは、テキストや画像、動画、音声データなどのファイル形式を示す識別子のこと。

たとえば以下のようなものがあります。

MIMEタイプ ファイル形式
text/plain プレーンテキスト
text/html HTMLファイル
text/css CSSファイル
text/javascript JavaScriptファイル
img/jpeg Jpegファイル
img/png PNGファイル
img/gif GIFファイル
video/mp4 MP4ファイル
video/ogg Oggファイル
audio/mp3 MP3ファイル
audio/mp4 MP4ファイル
audio/wav WAVEファイル
audio/aac AACファイル
application/shockwave-flash Flashファイル
application/pdf PDFファイル

typemustmatch(タイプ・マスト・マッチ)

typemustmatch属性は、type属性で指定した値(MIMEタイプ)と一致している場合にのみ、外部リソースの埋め込みを許可するというもの。

ちなみにtypemustmatch属性は値を必要としない論理属性です。

name(ネーム)

埋め込む外部リソースに名前を付与するときにname属性を指定します。

usemap(ユーズマップ)

usemap属性は、埋め込む外部リソースをクリッカブルマップとして扱う場合に指定する属性です。

値として、その対象となるmap要素と指定されたname属性値を指定します。

関連記事
map要素とarea要素でクリッカブルマップを表す【HTML】

form(フォーム)

form属性は、任意のform要素につけたid属性値を指定することで、そのフォームとform属性を持っている入力コントロールなどを関連づけることができる属性です。

width・height(ウィズ・ハイト)

埋め込む外部リソースは、widthやheight属性を使って幅と高さを指定することができます。

値として指定できるは正の整数です。

param要素

param要素は、object要素を使って埋め込まれた外部リソースが利用するパラメーターを与えることができるもので、object要素の子要素として記述します。

name属性とvalue属性の指定が必須で、それぞれパラメーター名とパラーメーターの値を指定します。

Leave a Comment