From 1d1710ca01bfc45afd032a4e06d19f361635fc8e Mon Sep 17 00:00:00 2001 From: Masahiro Fujimoto Date: Thu, 4 Nov 2021 21:32:36 +0900 Subject: Web/HTML/Element/object を更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/10/26 時点の英語版に同期 --- files/ja/web/html/element/object/index.md | 243 ++++++++++++++---------------- 1 file changed, 109 insertions(+), 134 deletions(-) (limited to 'files') diff --git a/files/ja/web/html/element/object/index.md b/files/ja/web/html/element/object/index.md index fd38b508e1..f4c9b5e8a1 100644 --- a/files/ja/web/html/element/object/index.md +++ b/files/ja/web/html/element/object/index.md @@ -1,147 +1,122 @@ --- -title: +title: ': 外部オブジェクト要素' slug: Web/HTML/Element/object tags: - - Element + - 要素 - HTML - - HTML embedded content - - Reference - - Web + - HTML 埋め込みコンテンツ + - リファレンス + - ウェブ +browser-compat: html.elements.object translation_of: Web/HTML/Element/object --- -

{{HTMLRef}}

-

HTML の <object> 要素は、画像、内部の閲覧コンテキスト、プラグインによって扱われるリソースなどのように扱われる外部リソースを表現します。

+{{HTMLRef}} -
{{EmbedInteractiveExample("pages/tabbed/object.html", "tabbed-standard")}}
+**``** は [HTML](/en-US/docs/Web/HTML) の要素で、画像、内部の閲覧コンテキスト、プラグインによって扱われるリソースなどのように扱われる外部リソースを表します。 - +{{EmbedInteractiveExample("pages/tabbed/object.html", "tabbed-standard")}} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
コンテンツカテゴリフローコンテンツ, 記述コンテンツ, 埋め込みコンテンツ, 知覚可能コンテンツ、要素が {{htmlattrxref("usemap","object")}} 属性を持つ場合は 対話型コンテンツ, リスト化/送信可能 な フォーム関連要素
許可されている内容0個以上の {{HTMLElement("param")}} 要素とそれに続く 透過的コンテンツ
タグの省略{{no_tag_omission}}
許可されている親要素埋め込みコンテンツを受け入れるすべての要素
暗黙の ARIA ロール対応するロールなし
許可されている ARIA ロール{{ARIARole("application")}}, {{ARIARole("document")}}, {{ARIARole("image")}}
DOM インターフェイス{{domxref("HTMLObjectElement")}}
+ コンテンツカテゴリー + + フローコンテンツ、記述コンテンツ、埋め込みコンテンツ、知覚可能コンテンツ、要素が {{htmlattrxref("usemap","object")}} 属性を持つ場合は 対話型コンテンツ、リスト化/送信可能 な フォーム関連要素 +
許可されている内容 + 0 個以上の {{HTMLElement("param")}} 要素とそれに続く 透過的コンテンツ +
タグの省略{{no_tag_omission}}
許可されている親要素 + 埋め込みコンテンツを受け入れるすべての要素 +
暗黙の ARIA ロール + 対応するロールなし
許可されている ARIA ロール{{ARIARole("application")}}, {{ARIARole("document")}}, {{ARIARole("image")}}
DOM インターフェイス{{domxref("HTMLObjectElement")}}
-

属性

- -

この要素は、すべての HTML 要素で共通のグローバル属性と、以下に列挙する属性を持ちます。

- -
-
{{HTMLAttrDef("archive")}}{{HTMLVersionInline(4)}} のみ。 {{Obsolete_Inline("HTML5")}}
-
オブジェクトのリソースの URI 群を、半角スペースで区切って指定。
-
{{HTMLAttrDef("border")}}{{Deprecated_Inline("HTML4.01")}}{{Obsolete_Inline("HTML5")}}
-
コントロールの境界線のピクセル幅。※指定時に px などの単位は不要。
-
{{HTMLAttrDef("classid")}}{{HTMLVersionInline(4)}} のみ。 {{Obsolete_Inline("HTML5")}}
-
オブジェクトの実装の URI。 data 属性とともに、または data 属性の代替として用いることができます。
-
{{HTMLAttrDef("codebase")}}{{HTMLVersionInline(4)}} のみ。 {{Obsolete_Inline("HTML5")}}
-
classid 属性、data 属性、archive 属性で指定された相対 URI を解決するための基準パス。指定しない場合、既定値は現在の文書のベース URI となります。
-
{{HTMLAttrDef("codetype")}}{{HTMLVersionInline(4)}} のみ。 {{Obsolete_Inline("HTML5")}}
-
classid によって指定されたデータの、コンテンツ・タイプ。
-
{{HTMLAttrDef("data")}}
-
リソースのアドレスを有効な URL で指定。data 属性と type 属性のうち、少なくとも1つは定義しておく必要があります。
-
{{HTMLAttrDef("declare")}}{{HTMLVersionInline(4)}} のみ。 {{Obsolete_Inline("HTML5")}}
-
この論理属性は属性名を指定するだけで有効になります。オブジェクトは、後続する <object> 要素でインスタンス化しなければなりません。HTML5 ではリソースを再利用するごとに、完全な形の <object> 要素を繰り返し配置します。
-
{{HTMLAttrDef("form")}}{{HTMLVersionInline(5)}}
-
オブジェクトがフォームに関連付けられている場合、そのフォーム（※フォームオーナー）の id を指定。属性値は、同一文書内の {{HTMLElement("form")}} 要素の id でなければなりません。
-
{{HTMLAttrDef("height")}}
-
表示されるリソースの高さを CSS ピクセル値 で指定。(絶対値に限ります。パーセント値は不可)
-
{{HTMLAttrDef("name")}}
-
有効な閲覧コンテキストの名前 (HTML5) またはコントロールの名前 (HTML 4)。
-
{{HTMLAttrDef("standby")}}{{HTMLVersionInline(4)}} のみ。 {{Obsolete_Inline("HTML5")}}
-
オブジェクトの実装とデータの読み込み中にブラウザーに表示することができるメッセージ。
-
{{HTMLAttrDef("tabindex")}}{{HTMLVersionInline(4)}} のみ。 {{Obsolete_Inline("HTML5")}}
-
現在の文書のタブナビゲーション順序におけるこの要素の位置。
-
{{HTMLAttrDef("type")}}
-
data 属性によって指定されたリソースの content type。data 属性と type 属性のうち、少なくとも 1 つは定義しておく必要があります。
-
{{HTMLAttrDef("typemustmatch")}}{{HTMLVersionInline(5)}}
-
この論理属性は、リソースを使用するためには type 属性の値とリソースの実際の content type が一致していなければならないかを示します。
-
{{HTMLAttrDef("usemap")}}
-
{{HTMLElement("map")}} 要素を参照するハッシュ名。 '#' の後に map 要素の {{htmlattrxref("name", "map")}} 属性を繋げた文字列を属性値として記述します。
-
{{HTMLAttrDef("width")}}
-
表示されるリソースの幅を CSS ピクセル値 で指定。(絶対値に限ります。パーセンテージは不可)
-
- -

例

- -

Flash 動画を埋め込む

- -
<!-- 埋め込み Flash 動画 -->
-<object data="movie.swf"
-  type="application/x-shockwave-flash"></object>
-
-<!-- 引数付き埋め込み Flash 動画 -->
-<object data="movie.swf" type="application/x-shockwave-flash">
-  <param name="foo" value="bar">
-</object>
-
- -

仕様書

- - - - - - - - - - - - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName("HTML WHATWG", "embedded-content.html#the-object-element", "<object>")}}{{Spec2("HTML WHATWG")}}
{{SpecName("HTML5 W3C", "semantics-embedded-content.html#the-object-element", "<object>")}}{{Spec2("HTML5 W3C")}}
{{SpecName("HTML4.01", "struct/objects.html#h-13.3", "<object>")}}{{Spec2("HTML4.01")}}
- -

ブラウザーの互換性

- -

注: Google Chrome はテキストの検索 (ctrl + F のショートカットからアクセス) で <object></object> タグ内の検索に対応していません。

- -

{{Compat("html.elements.object")}}

- -

関連情報

- -
    -
  • {{HTMLElement("applet")}} {{Obsolete_Inline}}
    • -
  • {{HTMLElement("embed")}}
    • -
  • {{HTMLElement("param")}}
    • -
+## 属性 + +この要素は[グローバル属性](/ja/docs/Web/HTML/Global_attributes)を持っています。 + +- {{HTMLAttrDef("archive")}} {{deprecated_inline}} + - : オブジェクトのリソースの URI 群を、半角スペースで区切って指定。 +- {{HTMLAttrDef("border")}} {{deprecated_inline}} + - : コントロールの境界線のピクセル幅。※指定時に px などの単位は不要。 +- {{HTMLAttrDef("classid")}} {{deprecated_inline}} + - : オブジェクトの実装の URI。 **data** 属性とともに、または **data** 属性の代替として用いることができます。 +- {{HTMLAttrDef("codebase")}} {{deprecated_inline}} + - : **classid** 属性、**data** 属性、**archive** 属性で指定された相対 URI を解決するための基準パス。指定しない場合、既定値は現在の文書のベース URI となります。 +- {{HTMLAttrDef("codetype")}} {{deprecated_inline}} + - : **classid** によって指定されたデータのコンテンツ型。 +- {{HTMLAttrDef("data")}} + - : リソースのアドレスを有効な URL で指定。**data** 属性と **type** 属性のうち、少なくとも1つは定義しておく必要があります。 +- {{HTMLAttrDef("declare")}} {{deprecated_inline}} + - : この論理属性は属性名を指定するだけで有効になります。オブジェクトは、後続する `` 要素でインスタンス化しなければなりません。HTML5 ではリソースを再利用するごとに、完全な形の \ 要素を繰り返し配置します。 +- {{HTMLAttrDef("form")}} + - : このオブジェクト要素がフォームに関連付けられていれば、そのフォーム要素 (_フォームオーナー_)。属性値は、同一文書内の {{HTMLElement("form")}} 要素の ID でなければなりません。 +- {{HTMLAttrDef("height")}} + - : 表示されるリソースの高さを [CSS ピクセル数](https://drafts.csswg.org/css-values/#px) で指定。(絶対値に限ります。[パーセント値は不可](https://html.spec.whatwg.org/multipage/embedded-content.html#dimension-attributes)) +- {{HTMLAttrDef("name")}} + - : 有効な閲覧コンテキストの名前 (HTML5) またはコントロールの名前 (HTML 4)。 +- {{HTMLAttrDef("standby")}} {{deprecated_inline}} + - : オブジェクトの実装とデータの読み込み中にブラウザーに表示することができるメッセージ。 +- {{HTMLAttrDef("type")}} + - : **data** 属性によって指定されたリソースの [content type](/ja/docs/Glossary/MIME_type)。**data** 属性と **type** 属性のうち、少なくとも 1 つは定義しておく必要があります。 +- {{HTMLAttrDef("usemap")}} + - : {{HTMLElement("map")}} 要素を参照するハッシュ名。 '#' の後に map 要素の {{htmlattrxref("name", "map")}} 属性を繋げた文字列を属性値として記述します。 +- {{HTMLAttrDef("width")}} + - : 表示されるリソースの幅を [CSS ピクセル数](https://drafts.csswg.org/css-values/#px) で指定。(絶対値に限ります。[パーセンテージは不可](https://html.spec.whatwg.org/multipage/embedded-content.html#dimension-attributes)) + +## 例 + +### Flash 動画を埋め込む + +```html + + + + + + + +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{HTMLElement("applet")}} {{deprecated_inline}} +- {{HTMLElement("embed")}} +- {{HTMLElement("param")}} -- cgit v1.2.3-54-g00ecf