OBJECT Element

last modified 8th/Oct. 2000

OBJECT 要素は %Special; に含まれるインライン要素です。

OBJECT 要素は HTML 4 で新たに導入された要素であり、画像、他の文書、アプレットなどの「オブジェクト」を文書内に埋め込むための要素です。今までは、画像は IMG 要素、文書は IFRAME 要素、クライアント・サイドのプログラム（アプレット）は APPLET 要素などのように、オブジェクトの種類毎に異なる要素を用いていましたが、今後は全てのオブジェクト（アプレット、プラグイン、メディア・ハンドラ）を OBJECT 要素一つで実現できるようになる筈です。

挿入オブジェクト	既存の要素	一般要素
画像	IMG	OBJECT
アプレット	APPLET (非推奨)	OBJECT
他のHTML文書	IFRAME	OBJECT

OBJECT 要素の最大の特徴はその一般性にあり、今後新たに開発されるいかなる形式のデータであれ、一般に扱えるように設計されています。そのため、仕様が複雑になっていますが、既存の要素で実現可能な例では、 object 要素を用いても極単純に記述できます。

具体例

HTML 文書の埋め込み

他の HTML 文書を埋めこむ場合は、 iframe 要素も利用できますが、 object 要素でも実現可能です。

HTML 文書の挿入の例；

<p>html 文書の挿入の例；
<object data="./index.html" type="text/html" height="200" width="400">
ここに表示されるのは代替テキストです。</object>
</p>

埋めこむ文書の URI を data 属性で示し、対象の種類が HTML であることを type 属性で示してある。

画像の埋め込み

画像の挿入の例；

<p>html 文書の挿入の例；
<object data="http://www.htmlhelp.com/icon/wdglogo1.gif" type="image/gif" height="120" width="300">
ここに表示されるのは代替テキストです。</object>
</p>

埋めこむ画像の URI を data 属性で示し、対象の種類が GIF であることを type 属性で示してある。

画像の挿入の例；

<p>html 文書の挿入の例；
<object data="../back.jpg" type="image/jpeg" height="210" width="150">
ここに表示されるのは代替テキストです。</object>
</p>

埋めこむ画像の URI を data 属性で示し、対象の種類が JPEG であることを type 属性で示してある。

object 要素の定義

OBJECT 要素の文書型定義の抜粋；

<!ELEMENT OBJECT - - (PARAM | %flow;)*
 -- generic embedded object -->
<!ATTLIST OBJECT
  %attrs;                              -- %coreattrs、%i18n、%events --
  declare     (declare)      #IMPLIED  -- declare but don't instantiate flag --
  classid     %URI;          #IMPLIED  -- identifies an implementation --
  codebase    %URI;          #IMPLIED  -- base URI for classid, data, archive--
  data        %URI;          #IMPLIED  -- reference to object's data --
  type        %ContentType;  #IMPLIED  -- content type for data --
  codetype    %ContentType;  #IMPLIED  -- content type for code --
  archive     CDATA          #IMPLIED  -- space-separated list of URIs --
  standby     %Text;         #IMPLIED  -- message to show while loading --
  height      %Length;       #IMPLIED  -- override height --
  width       %Length;       #IMPLIED  -- override width --
  usemap      %URI;          #IMPLIED  -- use client-side image map --
  name        CDATA          #IMPLIED  -- submit as part of form --
  tabindex    NUMBER         #IMPLIED  -- position in tabbing order --
  >

OBJECT 要素はインライン要素です。開始タグと終了タグが両方とも必須で、内容はオブジェクトが表示（実行）出来ない場合の代替内容になります。内容モデルは任意のブロック要素と、任意のインライン要素が可能です。

属性の定義

classid = uri [CT]

オブジェクトを実際に処理するプログラムの所在を URI で指定します。
処理されるデータは data 属性で指定しますが、その代用として用いる場合も有得ます。

codebase = uri [CT]

classid 属性、 data 属性、及び archive 属性で指定される相対 URI を解決するための基本パスを指定します。
この指定がない場合、デフォルト値は現在文書の基本 URI となります。

codetype = content-type [CI]

classid 属性が指定するオブジェクトをダウンロードする際に想定される MIME タイプを指定します。

【主なフォーマットと対応する MIME タイプ】
MIME タイプ	リソースの種別
text/html	HTML 文書
text/xml	XML 文書
text/css	CSS 文書
text/plain	単純テキスト文書
image/png	PNG 画像
image/jpeg	JPEG 画像
image/gif	GIF 画像
audio/basic	ミニマムレベルの音声
video/mpeg	MPEG フォーマットの画像
application/pdf	PDF フォーマットの文書
application/java	JAVA フォーマットのプログラム

これによって、サポートしていない MIME タイプの情報をユーザエージェントがロードしないですむ。
この指定がない場合、 type 属性の値で代用されます。

data = uri [CT]

オブジェクトデータの所在を URI で指定するために用います。
オブジェクトデータとは、例えば画像を定めるオブジェクトにおける画像データなどであり、より一般的には、シリアル化状態のオブジェクトであって再生成に用いることができるもの、である。
この値が相対 URI であった場合、 codebase 属性に対する相対 URI として解釈されます。

type = content-type [CI]

data 属性が指定するデータの MIME タイプを指定します。
これによって、サポートしていない MIME タイプの情報をユーザエージェントがロードしないですむ。
オブジェクトを取得する際に、サーバが返す HTTP 応答ヘッダの Content-Type とこの属性の値が異なっていた場合には、 HTTP の Content-Type が優先する。

archive = uri-list [CT]

オブジェクトに関連するリソースを含むアーカイブ群を示す URI を、空白区切りで指定する。
アーカイブは、 classid 属性や data 属性が指定するオブジェクトのリソースを含む。
アーカイブを事前ロードすると、一般に、オブジェクトのロード時間が短縮される。
相対 URI で指定されたアーカイブは、 codebase 属性に対する相対指定として解釈される。

declare [CI]

この Boolean 属性が存在する場合、当該の OBJECT 定義を宣言であるとみなる。
オブジェクトは、後にこの宣言を参照する OBJECT 定義によってインスタンス化されねばならない。

standby = text [CS]

オブジェクトの処理プログラムとデータをロードしている待ち時間にユーザエージェントがレンダリングし得るメッセージを指定する。

以上、 OBJECT 要素には詳細な情報を与えることが可能ですが、一般に次の情報が必要です；

埋め込むオブジェクトの実装 (implementation)

例えば、埋め込むオブジェクトが時計のアプレットである場合、アプレットの実行可能コードの所在を示さねばなりません。
classid 属性の値に data 属性で指定したデータを処理するプログラムの URI を示す。
但し、ユーザ・エージェント自身が処理可能なデータ（画像、HTML文書など）の場合は、不要な場合もあります。

レンダリング対象のデータ

例えば、埋め込むオブジェクトがフォントデータのレンダリングを行うプログラムである場合、著者は、フォントデータの所在を示さねばならない。
data 属性の値にデータの URI を指定する。
但し、実装にデータが含まれている場合もあります。

オブジェクトの実行時に必要なパラメタ

例えば、アプレットによっては各パラメタに初期値が必要とされる場合があります。
object 要素の子供要素として現れる param 要素でパラメタの初期値を指定する。
但し、必ずしも初期化が必要とは限りません。

object 要素の子要素の型

object 要素は img 要素と異なり、終了タグが存在します。開始タグと終了タグの間に記述された内容は、 object を処理できない場合だけ表示される代替内容です。この点では、 iframe 要素と同様です。

object 要素の内容には任意のブロック要素と任意のインライン要素が許されています。但し、 object 要素自身はインライン要素ですから、その親子関係には注意する必要があります。

<div>
<object classid="java:navi.class" codetype="application/java"
        codebase="/home/%7Esugai/public/lib/java/">
  <param name="stat" value="1">
  <param name="logo" value="icon.png">
  <p>【注意】オブジェクトが実行できません。
  <a href="./toc.html">直接参照ください</a>。</p>
</object>
</div>

上の例では、 div 要素の内容に object 要素が現れており、その内容に p 要素が現れています。 div 要素の内容に p 要素は許されていますから、親子関係に矛盾はありません。

次の例は p 要素の子孫要素にブロック要素が現れているので誤りです。

<p>
<object data="./intro.mpeg" type="video/mpeg">
  <p>【注意】オブジェクトが実行できません。
  <a href="./intro.html">直接参照ください</a>。</p>
</object>
</p>

代替テキスト

基本的な使い方

一般に画像や音声などのデータは大きくなりがちでロードに時間がかかり、 Plug-in や JAVA Apllet などは未知ものもをロードしてユーザのディスクにアクセスする為、ユーザにセキュリティ上の不安を与えます。そのため、ユーザが画像、Plug-in、Apllet などを実行しないように設定していることは珍しくありません。

したがって、埋め込みオブジェクトが実行されなくても、ユーザが内容を閲覧できるように、代替テキストは適切に指定しておく必要があります。

object 要素の入れ子

object 要素の内容は、指定されたオブジェクトが実行できなかった場合にだけ読まれます。したがって、 object 要素の内容に次善的なオブジェクトを指定することにも意味があります。

例えば、製作者の意図が最も表現できるフォーマットが MPEG 動画だったとします。ユーザがこれを利用できない場合は、 PNG 画像を用意し、これも利用できなければ GIF 画像を用意すると云う場合は、次のように記述します；

<div>
<object data="./spectra.mpeg" type="video/mpeg">
  <object data="./spectra.png" type="image/png">
    <object data="./spectra.gif" type="image/gif">
      <p>【注意】グラフが読みこめませんでした。</p>
    </object>
  </object>
</object>
<p><a href="./spectra.mpeg">動画</a>、 <a href="./spectra.png">PNG 画像</a>、
<a href="./spectra.gif">GIF 画像</a>が用意してあります。</p>
</div>

上の例では、ブラウザはまず、 spect.mpeg をロードして実行しようとし、これに失敗すると次に spectra.png を実行しようとします。これにも失敗すると spectra.gif を実行しようとします。全て失敗すると、最終的には p 要素の内容を表示します。

代替テキスト

object 要素は、原則として置換要素 (replaced elements) なので、object 要素の内容には、置換できないときの代替内容を指定します。最終的にはテキストを記載すべきです。XHTML 2.0 では、次のように説明されています。

A user agent must interpret an object element according to the following precedence rules:

The user agent MUST first try to process the object element. It should not process the embedded contents, but it must examine them for definitions of param elements (see object initialization) or elements that take advantage of the Map attribute collection.

If the user agent is not able to process the object for whatever reason (configured not to, lack of resources, wrong architecture, etc.), it MUST try to process its contents.

When a user agent is able to successfully process an object element it MUST not attempt to process inner elements.

また、次の例がミニマル・コードとして挙げられています。最初の例では、音声ファイルとして mp3 が埋め込まれていますが、再生できなかった場合に備えて、子要素に代替テキストを指定するように推奨されています。

The following example shows a minimally coded object element. The src attribute specifies the location of the object data and the srctype attribute specifies the media type associated with the object data:
Example
<object src="http://www.example.com/foo.mp3" srctype="audio/mpeg">
    <em>alternate text</em>
</object>
Note that the MP3 file will be processed as soon as the object handler interprets this object element declaration. It is possible to delay processing of an object through the use of additional values defined within the param element (described later). It may also be delayed by the use of the declare attribute.

続いて挙げられている次の例では、画像ファイルとして jpg が埋め込まれていますが、先ほどと同じように、描画できなかった場合に備えて、子要素に代替テキストを指定するように推奨されています。

The following example shows an object element coded to process an image. The src attribute specifies the location of the object data, in this case the image to be processed, and the srctype attribute specifies the media type associated with the object data:
Example
<object src="http://www.example.com/foo.jpg" srctype="image/jpeg">
   <em>alternate text</em>
</object>

object 要素のレンダリング（表示、実行、音声出力など）が可能でない場合でも、閲覧に支障をきたさないように工夫が必要です。

object 要素による Plug-in、 Java Applet の利用、イメージマップの作成などに付いてはここでは紹介しませんでした。何れ稿を改めて紹介したいと思います。

<<PREV | TOP | NEXT>>