CSS
WEB用語(N)

<object> - オブジェクトの張りつけ

トップ > HTMLリファレンス > <object>
概要
形式<object>〜</object>
サポートH4s〜 / e3〜 / N4〜 / i3〜
タグの省略開始タグ:必須、終了タグ:必須
包含可能要素param / ブロック要素 / インライン要素
説明

<object>は、<applet>、<embed>、<bgsound>、<img> などに代わり、Java アプレットやマルチメディアリソースなどページ上に貼り付けるための汎用的なタグです。詳細のパラメータ制御には <param> を用います。

<object> の動作は、ブラウザやそのバージョン、インストールされているプラグインの種類などによって動作が大きく異なるので注意してください。現状ではまだブラウザ側の対応が完全ではないために、<object> や <applet> や <embed> などが混在した状況になっています。

属性
【固有属性】
属性意味
alt=alte6。テキストブラウザなどでオブジェクトの代わりに表示される文字列を指定します。
archive=archiveH4s/e6。オブジェクトに関連するリソースがアーカイブされている時に、そのアーカイブファイルの URL リストをスペースで区切って指定します。
border=nH4t。<a href="...">〜</a> で囲まれている時の枠線の太さをピクセルで指定します。
classid=classidH4s/e3/N4。実行ファイルの URL を指定します。データの形式に応じて data 属性と併用したり代用されたりします。IE で Active X コントロールを貼り付ける場合は、clsid:class-identifierを指定します。codebase を基準とします。
code=urle4。コードの URL を指定します。
codebase=urlH4s/e3/N4。classid、data、archive 属性の URL を探す際の基準となる URL を指定します。
codetype=codetypeH4s/e3。classid で指定したプログラムの MIMEタイプを指定します。
data=urlH4s/e3/N4/i3。埋め込むデータファイルの URL を指定します。
declareH4s/i3。この属性があると、オブジェクトはダウンロードされてもすぐには実行されず、他の方法で起動されるまで待機状態になります。
name=nameH4s/e3。名前を指定します。
standby=standbyH4s。オブジェクトをダウンロード中に表示しておくテキストを指定します。
tabindex=nH4s/e?/N?。タブインデックスを指定します。
type=typeH4s/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=usemapH4s。クライアントサイドクリッカブルマップを使用する際の <map> タグの ID を指定します。

【位置・大きさ属性】
属性意味
align=alignH4t/e3/N4。周りのテキストとの位置関係を、abcbottomabsmiddlebaselinebottomcenterleftmiddlerighttexttopのいずれかで指定します。HTML4.0ではbottom, middle, topのみが定義されています。
width=nH4s/e3/N4/i5。横幅をピクセルかパーセンテージで指定します。
height=nH4s/e3/N4/i5。高さをピクセルかパーセンテージで指定します。
hspace=nH4t/e3。オブジェクトの周りの横方向の余白をピクセル単位で指定します。
vspace=nH4t/e3。オブジェクトの周りの縦方向の余白をピクセル単位で指定します。

【データバインド関連属性】
属性意味
datasrc=datasrce4。データバインド機能を用いる際の、データソースの ID を指定します。

【一般属性】
属性意味
class=classH4s/e3/N4。クラスを指定します。
dir=dirH4s/e5。文字の表示方向を指定します。
id=idH4s/e3/N4/i3。IDを指定します。
lang=langH4s/e4。言語を指定します。
language=languagee4。スクリプト言語を指定します。
style=styleH4s/e3/N4。スタイルシートを指定します。
title=titleH4s/e4。タイトルを指定します。
画像を張りつける

最近のブラウザでは、下記のようにして画像オブジェクトろ張りつけることができます。ただし、IE では 100×100 の枠の中に通常の大きさの画像が表示されるのに対して、Netscape 6.* では画像が 100×100 に圧縮・拡大されて表示されるなど、動作が異なります。

<object data="xxxxx.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>
RealMedia のコントロールを張りつける

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 には次のようなものがあります。

説明classid
Windows Media Player22D6F312-B0F6-11D0-94AB-0080C74C7E95
RealMediaCFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA
QuickTime02BF25D5-8C17-4B23-BC80-D3488ABDDC6B
YAMAHA MIDPLUGB0C207A3-42EE-11D0-9DB3-00805F8A73C5
Crescendo0FC6BF2B-E16A-11CF-AB2E-0080AD08A326
FlashD27CDB6E-AE6D-11cf-96B8-444553540000
Shockwave166B1BCA-3F9C-11CF-8075-444553540000
Java8AD9C840-044E-11D1-B3E9-00805F499D93
JavaCAFEEFAC-0013-0001-0000-ABCDEFFEDCBA
データバインド333C7BC4-460F-11D0-BC04-0080C7055A83
Active X333C7BC4-460F-11D0-BC04-0080C7055A83
Microsoft NetShow2179C5D3-EBFF-11CF-B6FD-00AA00B4E220
VRML90A7533D-88FE-11D0-9DBE-0000C0411FC3
関連項目

<< PAGE TOP >>

BACK UP 初心者でホームページを考えてられてる方へ

独自ネットショップや楽天ショップ・YAHOOショップ運営される初心者の方も、無料で、親切にアドバイスいたします。
SEO・月次更新・リニュアルetc

ホームページの事なら

何でもお問合せください。
お問合せフォームはこちらから

リュウム株式会社

京都市中京区橋弁慶町222番地
ヒライビル3階

TEL 075-257-4588
営業時間 AM10:00-PM7:00


CSS
Ryuumu