WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > HTMLタグ一覧(ABC順) > <object>「オブジェクト」

<object> 「オブジェクトの埋め込み」[読み方：オブジェクト]

<object>タグは、外部の様々な形式のデータを埋め込むことのできる汎用的なタグです。

HTML規格HTML4.01HTML5
使用可否○○
広告

<object> の仕様

カテゴリー使用できる場所（親要素）コンテンツモデル（子要素）タグ省略
フローコンテンツ
フレージングコンテンツ
エンベディッドコンテンツ
リストされた要素
フォーム関連要素
パブバブルコンテンツ		エンベディッドコンテンツを子要素にもてる場所
トランスペアレント不可

<object> の属性

【構文】
<object data="url" type="MIMEタイプ"　width="幅" height="高さ"　・・・>
</object>
属性意味値のサンプルなど
data="url"組む込むファイルのurl【いずれか必須】サーバ内の相対パス ： 「../index.html」
URL ： 「http://www.cman.jp」
メール ： 「info@example.jp」
type="MIMEタイプ"組み込むファイルのMIMEタイプ
【いずれか必須】		「image/gif」
typemustmatchdata属性で指定した外部コンテンツのMIMEタイプと、
type属性で指定したMIMEタイプが一致する場合のみ、
該当の外部コンテンツを利用可とする指定
※HTML5以降に廃止。指定不可。		data属性、type属性両方が指定された時のみ指定可
width="値"コンテンツを表示する領域の幅
（ピクセルで指定）		「200」
height="値"コンテンツを表示する領域の高さ
（ピクセルで指定）		「300」
usemap="マップ名"イメージマップ名
※HTML5以降に廃止。指定不可。		「#マップ名」
name="名前"組み込む領域の名前
form="フォームID"関連づけるformのID
※HTML5で追加
廃止された属性
  • align
  • archive
  • border
  • classid
  • code
  • codebase
  • codetype
  • datasrc
  • datafld
  • dataformatas
  • declare
  • hspace
  • standby
  • vspace
グローバル属性
  • accesskey
  • autocapitalize
  • autofocus
  • class
  • contenteditable
  • dir
  • draggable
  • enterkeyhint
  • hidden
  • id
  • inert
  • inputmode
  • is
  • itemid
  • itemprop
  • itemref
  • itemscope
  • itemtype
  • lang
  • nonce
  • popover
  • slot
  • spellcheck
  • style
  • tabindex
  • title
  • translate
  • writingsuggestions
イベント属性
ページTOP

<object>タグのサンプル

画像を組み込む
（通常は<img>タグを使用します。詳細な代替コンテンツが必要な場合にobjectタグを使用します。）
<object data="sample.jpg" type="image/jpeg" width="100" height="140">
<p><a href="sample.jpg">表示出来ない場合は、クリックして表示してください。</a></p>
</object>

表示出来ない場合は、クリックして表示してください。
音声を組み込む
（oggがサポートされていれば oggを、サポートされていなければ mp3を再生します。
いずれもサポートされていない場合、再生不可のメッセージを表示）
<object data="se_maoudamashii_onepoint04.ogg" type="audio/ogg" width="350" height="80">
<param name="filename" value="se_maoudamashii_onepoint04.ogg">
<param name="autostart" value="false">
<param name="showcontrols" value="true">
<object data="se_maoudamashii_onepoint03.mp3" type="audio/mpeg" width="350" height="80">
<param name="filename" value=se_maoudamashii_onepoint03.mp3">
<param name="autostart" value="false">
<p>ブラウザのバージョンによっては、再生できない場合があります。</p>
<p><a href="se_maoudamashii_onepoint03.mp3">再生できない場合は、クリックして再生します。</a></p>
</object>
</object>

ブラウザのバージョンによっては、再生できない場合があります。

再生できない場合は、クリックして再生します。
音源は魔王魂様よりダウンロードし利用させていただいています。
（Safariは対応していません。）
ページTOP

留意事項

  • <object>で使用する、ソフトウエア（media playerなど)はインストールが必要です。
  • <object>の動作は、ブラウザやそのバージョン、インストールされているプラグインの種類などによって動作が大きく異なりますので、注意が必要です。
ページTOP
関連するHTMLタグ
img画像
mapイメージマップ
paramパラメータ
embed画像や音声などの埋め込み
video動画を再生
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン