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>