<object> - オブジェクトの張りつけ <object> - オブジェクトの張りつけ| 項目 | 説明 |
|---|---|
| 形式 | <object>〜</object> |
| サポート | H4+ / e3+ / N4+ / Fx1+ / Op6+ / Ch1+ / Sa1+ / i3+ |
| タグの省略 | 開始タグ：必須、終了タグ：必須 |
| 包含可能要素 | param / ブロック要素 / インライン要素 |
<object>は、<applet>、<embed>、<bgsound>、<img> などに代わり、Java アプレットやマルチメディアリソースなどページ上に貼り付けるための汎用的なタグです。詳細のパラメータ制御には <param> を用います。
<object> の動作は、ブラウザやそのバージョン、インストールされているプラグインの種類などによって動作が大きく異なるので注意してください。現状ではまだブラウザ側の対応が完全ではないために、<object> や <applet> や <embed> などが混在した状況になっています。
HTML5 では、align, archive, border, classid, codebase, codetype, declare, hspace, standby, vspace属性が廃止される予定です。
| 属性 | 意味 |
|---|---|
| alt=alt | e6+。テキストブラウザなどでオブジェクトの代わりに表示される文字列を指定します。 |
| archive=archive | H4/e6+。オブジェクトに関連するリソースがアーカイブされている時に、そのアーカイブファイルの URL リストをスペースで区切って指定します。 |
| border=n | H4T。<a href="...">〜</a> で囲まれている時の枠線の太さをピクセルで指定します。 |
| classid=classid | H4/e3+/N4+。実行ファイルの URL を指定します。データの形式に応じて data 属性と併用したり代用されたりします。IE で Active X コントロールを貼り付ける場合は、clsid:class-identifierを指定します。codebase を基準とします。 |
| code=url | e4+。コードの URL を指定します。 |
| codebase=url | H4/e3+/N4+。classid、data、archive 属性の URL を探す際の基準となる URL を指定します。 |
| codetype=codetype | H4/e3+。classid で指定したプログラムの MIMEタイプを指定します。 |
| data=url | H4+/e3+/N4+/i3+。埋め込むデータファイルの URL を指定します。 |
| declare | H4/i3+。この属性があると、オブジェクトはダウンロードされてもすぐには実行されず、他の方法で起動されるまで待機状態になります。 |
| name=name | H4+/e3+。名前を指定します。 |
| standby=standby | H4。オブジェクトをダウンロード中に表示しておくテキストを指定します。 |
| type=type | H4+/e3+/N4+。data 属性で指定したデータの MIMEタイプを指定します。i-modeでは application/x-jam（iアプリ/i3）、audio/3gpp（iモーション/i4）、video/3gpp（iモーション/i4）、application/x-shockwave-flash（Flash/i5）、application/x-ir（タグ指定送信/i5）などを指定することができます。 |
| usemap=usemap | H4+。クライアントサイドクリッカブルマップを使用する際の <map> タグの ID を指定します。 |
| 属性 | 意味 |
|---|---|
| align=align | H4T/e3+/N4+。周りのテキストとの位置関係を、abcbottom、absmiddle、baseline、bottom、center、left、middle、right、texttopのいずれかで指定します。HTML4.0ではbottom, middle, topのみが定義されています。 |
| width=n | H4+/e3+/N4+/i5+。横幅をピクセルかパーセンテージで指定します。 |
| height=n | H4+/e3+/N4+/i5+。高さをピクセルかパーセンテージで指定します。 |
| hspace=n | H4T/e3+。オブジェクトの周りの横方向の余白をピクセル単位で指定します。 |
| vspace=n | H4T/e3+。オブジェクトの周りの縦方向の余白をピクセル単位で指定します。 |
| 属性 | 意味 |
|---|---|
| datasrc=datasrc | e4+。データバインド機能を用いる際の、データソースの ID を指定します。 |
| 属性 | 意味 |
|---|---|
| class=class | H4+/e3+/N4+。クラスを指定します。 |
| id=id | H4+/e3+/N4+。ID を指定します。 |
| style=style | H4+/e3+/N4+。スタイルシートを指定します。 |
| title=title | H4+/e4+/N6+。タイトルを指定します。 |
| dir=dir | H4+/e5+/N6+。文字の表示方向を指定します。 |
| lang=lang | H4+/e4+/N6+。言語を指定します。 |
| accesskey=key | H5+。アクセスキーを指定します。 |
| tabindex=n | H4+。タブインデックスを指定します。 |
| contenteditable=bool | H5+/e55+。要素を編集可能にします。 |
| contextmenu=id | H5+。コンテキストメニューを指定します。 |
| draggable=bool | H5+。ドラッグを可能にします。 |
| dropzone=value | H5+。ドロップを可能にします。 |
| hidden | H5+。要素を非表示にします。 |
| spellcheck=bool | H5+。スペルをチェックします。 |
| IE拡張属性 | 他にもIEで拡張された属性が指定可能です。 |
下記のようにして画像オブジェクトを張りつけることができます。
<object data="xxx.gif" type="image/gif" width=100 height=100></object>
次の例では、PNG 画像がサポートされていれば PNG 画像を、サポートされていなければ GIF 画像を貼り付けます。
<object data="xx.png" type="image/png" height=100 width=100> <object data="xx.gif" type="image/gif" height=100 width=100> </object> </object>
RealNetworks 社の RealMedia を再生するコントロールを張りつけます。<object> 未サポートのブラウザのために、内部で <embed> による呼び出しも記述しています。→ RealMedia 入門
<object classid="CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA" width="260" height="30"> <param name="SRC" value="dummy.rm"> <param name="AUTOSTART" value="false"> <param name="CONTROLS" value="ControlPanel"> <param name="CONSOLE" value="cons"> <param name="NOLOGO" value="true"> <embed type="audio/x-pn-realaudio-plugin" src="xxx.rm" autostart="false" width="260" height="30" controls="ControlPanel" console="cons" name="player" nologo="true"> </embed> </object>
次の例では、IE4.0 に標準でサポートされている ActiveX コントロールのひとつを使用して、動く画像を実現します。(IE4.0〜)
<img id="img1" src="xxx.gif" style="position:absolute"> <object classid="clsid:D7A7D7C3-D47F-11D0-89D3-00A0C90833E6"> <param name="AutoStart" value="-1"> <param name="Direction" value="1"> <param name="Repeat" value="-1"> <param name="Bounce" value="0"> <param name="Duration" value="5"> <param name="Shape" value="Rect(0,0,100,100)"> <param name="Target" value="img1"> <param name="TimerInterval" value="0.02"> </object>
よく使用される classid には次のようなものがあります。
| 説明 | classid |
|---|---|
| Windows Media Player | 22D6F312-B0F6-11D0-94AB-0080C74C7E95 |
| RealMedia | CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA |
| QuickTime | 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B |
| YAMAHA MIDPLUG | B0C207A3-42EE-11D0-9DB3-00805F8A73C5 |
| Crescendo | 0FC6BF2B-E16A-11CF-AB2E-0080AD08A326 |
| Flash | D27CDB6E-AE6D-11cf-96B8-444553540000 |
| Shockwave | 166B1BCA-3F9C-11CF-8075-444553540000 |
| Java | 8AD9C840-044E-11D1-B3E9-00805F499D93 |
| Java | CAFEEFAC-0013-0001-0000-ABCDEFFEDCBA |
| データバインド | 333C7BC4-460F-11D0-BC04-0080C7055A83 |
| Active X | 333C7BC4-460F-11D0-BC04-0080C7055A83 |
| Microsoft NetShow | 2179C5D3-EBFF-11CF-B6FD-00AA00B4E220 |
| VRML | 90A7533D-88FE-11D0-9DBE-0000C0411FC3 |