＜object要素＞ - オブジェクト

公開日: 2017/02/09

object要素は、外部のオブジェクトを埋め込み表示するための要素です。画像、ウェブページ、Flashのプラグインに対応しています。Flashのプラグインが非推奨の現在は、利用機会はありません。

概要

名前: object
カテゴリー: Flow content; Phrasing content; Embedded content; Interactive content; Palpable content; Form-associated element; Listed element; Submittable element
配置できる場所: Embedded contentが期待される場所。
コンテンツモデル: 0個以上のparam要素と、それに続くTransparent。
タグの省略: 開始タグも終了タグも省略できません。
DOM Interface: HTMLObjectElement
仕様書: https://html.spec.whatwg.org/multipage/embedded-content.html#the-object-element

属性

data

リソースのアドレス。

type

リソースのMIMEタイプ。

typemustmatch

MIMEタイプを厳密に確認するか。この属性を付けると、type属性で指定したMIMEタイプ、またはレスポンスヘッダーに含まれるMIMEタイプが、実際のリソースの内容と一致した場合にのみ表示する。論理属性。

name

ブラウジングコンテキスト(ウィンドウ)の名前。

usemap

オブジェクトにイメージマップを適用する時の、対象のmap要素のname属性。先頭にハッシュ(#)を付けること。

form

form要素のid属性を指定すると、それに関連付けられる。

width

横幅。

height

高さ。

グローバル属性

全てのタグで利用できるグローバル属性を指定できます。

サンプルコード

HTML

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>【デモ】＜object要素＞ - オブジェクト</title>
		<link rel="canonical" href="https://syncer.jp/Web/HTML/Reference/Element/object/">
		<style>
			body {
				background-color: #fff ;
			}
		</style>
	</head>
	<body>

<p>object要素は、外部のオブジェクトを埋め込み表示するための要素です。画像、ウェブページ、Flashのプラグインに対応しています。現在では利用機会はありません。</p>

<object data="/image/mascot/200.png" type="image/png"></object>

	</body>
</html>

デモを開く

</head><body>までを含めて下さい。

<!DOCTYPE html> <html> <head> <base href="/635/"> <meta charset="utf-8"> <title>【デモ】＜object要素＞ - オブジェクト</title> <link rel="canonical" href="https://syncer.jp/Web/HTML/Reference/Element/object/"> </head> <body>

<p>object要素は、外部のオブジェクトを埋め込み表示するための要素です。画像、ウェブページ、Flashのプラグインに対応しています。現在では利用機会はありません。</p> <object data="/image/mascot/200.png" type="image/png"></object>

</div> <script>...</script> </body> </html>

<style>

body { background-color: #fff ; }

</style>

</script>