objectオブジェクトObjectオブジェクト
- objectオブジェクト
- object要素で文書を読み込む〔iframeの代替手段〕
- object要素でFlashムービーを読み込む
- object要素で画像ファイルを読み込む〔img要素の代替手段〕
objectオブジェクト
2008/1/23
objectオブジェクトは、文書、画像、動画、音声、Flash、Javaアプレットなどのオブジェクトを埋め込むための要素です。
| 属性 | 値 | 説明 |
|---|---|---|
| id | 文字列 | オブジェクトのid名 |
| classid | URI | オブジェクトのクラスIDを取得・設定。 |
| data | URI | オブジェクトのデータのURIを取得・設定。 |
| archive | URIリスト | オブジェクトに関連付けられたアーカイブ(書庫ファイル)のURIを取得・設定。半角スペース区切りで、複数のURIを指定可能。 |
| codebase | URI | classid属性、data属性、archive属性のURIを相対パスで指定している場合の基準URIを取得・設定。 |
| codetype | MIMEタイプ | classid属性で指定したオブジェクトのMIMEタイプを取得・設定 |
| type | MIMEタイプ | ダウンロードまたは文書内に含めるファイルのMIMEタイプを取得・設定。 |
| standby | 文字列 | オブジェクトが読み込まれるまでの間に表示されるメッセージを取得・設定。 |
| width | 整数値 | オブジェクトの幅(px指定)を取得・設定 |
| height | 整数値 | オブジェクトの高さ(px指定)を取得・設定 |
| declare | declare | オブジェクトを完全に読込後、自動実行するかどうかを指定する。declare="declare"を指定すると、オブジェクトは宣言のみで自動実行されない。 |
| name | 文字列 | オブジェクトの名前 |
object要素で文書を読み込む
iframeの代替手段
2008/1/23
XHTML1.0 Strictでは、iframe要素は廃止要素になりました。 XHTML1.0 Strict及びXHTML1.1で、他のページをインライン表示したい場合は、object要素を使用します。
| ファイルの拡張子 | MIMEタイプ(type属性に指定) |
|---|---|
| html | text/html |
| txt | text/plane |
object要素でHTMLファイル読み込みサンプルを見る
<!--[if IE]>
<object
classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13"
data="/content/demo/sample.html"
width="400" height="200"
style="border:2px solid #ccc;"
>
<p>オブジェクトが見つかりません。</p>
</object>
<![endif]-->
<!--[if !IE]> <-->
<object
type="text/html"
data="/content/demo/sample.html"
width="400" height="200"
style="border:2px solid #ccc;"
>
<p>オブジェクトが見つかりません。</p>
</object>
<!--> <![endif]-->
object要素でテキストファイル読み込みサンプルを見る
<!--[if IE]>
<object
classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13"
data="/content/demo/sample.txt"
width="400" height="200"
style="border:2px solid #ccc;"
>
<p>オブジェクトが見つかりません。</p>
</object>
<![endif]-->
<!--[if !IE]> <-->
<object
type="text/plain"
data="/content/demo/sample.txt"
width="400" height="200"
style="border:2px solid #ccc;"
>
<p>オブジェクトが見つかりません。</p>
</object>
<!--> <![endif]-->
object要素でFlashムービーを読み込む
2008/1/23
IE用はobject要素のdata属性に対応していないため、param要素で動画ファイルやFlashファイルのURLを指定してください。
| ファイルの拡張子 | MIMEタイプ(type属性に指定) | 識別拡張子(classid属性に指定) |
|---|---|---|
| swf | application/x-shockwave-flash | clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 |
object要素でFlashファイル読み込みサンプルを見る
<object
data="/content/media/flash/movie02.swf"
type="application/x-shockwave-flash"
width="80" height="130"
>
<param name="movie" value="/content/media/flash/movie02.swf" /><!-- IE用 -->
</object>
object要素で画像ファイルを読み込む
img要素の代替手段
2008/1/23
object要素のtypeタイプに、画像の拡張子のMIMEタイプを指定します。 画像が読み込まれなかった場合は、object要素内に指定したテキストが表示されます。
| ファイルの拡張子 | MIMEタイプ(type属性に指定) |
|---|---|
| png | image/png |
| gif | image/gif |
| jpeg jpg | image/jpeg |
<object data="/content/img/dog_black.png" type="image/png">画像を表示できません。</object> <object data="/content/img/dog_white.gif" type="image/gif">画像を表示できません。</object> <object data="/content/lib/galleryimages/thumb/christmas-party.jpg" type="image/jpeg">画像を表示できません。</object>