diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-07-13 02:48:34 +0900 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-07-13 02:48:34 +0900 |
commit | 6e81e851ba44d4092ea842c0976e5576d82aae47 (patch) | |
tree | 39f2df20368ddbc7771ea1b213547c03ae9547a0 /files | |
parent | 4c0a11ac82e7c4830c5a1e848c67794b3f8ce1c7 (diff) | |
download | translated-content-6e81e851ba44d4092ea842c0976e5576d82aae47.tar.gz translated-content-6e81e851ba44d4092ea842c0976e5576d82aae47.tar.bz2 translated-content-6e81e851ba44d4092ea842c0976e5576d82aae47.zip |
Web/HTML/Element を更新 (#1374)
* Web/HTML/Element を更新
- conflicting 版を削除
- 正規版を 2021/05/14 時点の英語版に同期
* Web/HTTP/Connection_management_in_HTTP_1.x を更新
- conflicting 版は正規版に吸収されているため削除
- 2021/02/16 時点の英語版に同期
* Revert "Web/HTTP/Connection_management_in_HTTP_1.x を更新"
This reverts commit 8e5bde905d4c901605e982e67c15c05339005574.
Diffstat (limited to 'files')
-rw-r--r-- | files/ja/_redirects.txt | 10 | ||||
-rw-r--r-- | files/ja/_wikihistory.json | 10 | ||||
-rw-r--r-- | files/ja/conflicting/web/html/element/index.html | 586 | ||||
-rw-r--r-- | files/ja/web/html/element/index.html | 77 |
4 files changed, 56 insertions, 627 deletions
diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index 39c177bda4..596610570d 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -2519,10 +2519,10 @@ /ja/docs/HTML/Global_attributes /ja/docs/Web/HTML/Global_attributes /ja/docs/HTML/HTML5 /ja/docs/orphaned/Web/Guide/HTML/HTML5 /ja/docs/HTML/HTML5/Forms_in_HTML5 /ja/docs/orphaned/Learn/HTML/Forms/HTML5_updates -/ja/docs/HTML/HTML5/HTML5_Tags_List /ja/docs/conflicting/Web/HTML/Element +/ja/docs/HTML/HTML5/HTML5_Tags_List /ja/docs/Web/HTML/Element /ja/docs/HTML/HTML5/HTML5_Thematic_Classification /ja/docs/orphaned/Web/Guide/HTML/HTML5 -/ja/docs/HTML/HTML5/HTML5_element_list /ja/docs/conflicting/Web/HTML/Element -/ja/docs/HTML/HTML5/HTML5_element_list-redirect-1 /ja/docs/conflicting/Web/HTML/Element +/ja/docs/HTML/HTML5/HTML5_element_list /ja/docs/Web/HTML/Element +/ja/docs/HTML/HTML5/HTML5_element_list-redirect-1 /ja/docs/Web/HTML/Element /ja/docs/HTML/HTML5/HTML5_のフォーム /ja/docs/Learn/Forms /ja/docs/HTML/HTML5/Introduction_to_HTML5 /ja/docs/orphaned/Web/Guide/HTML/HTML5/Introduction_to_HTML5 /ja/docs/HTML/HTML_Elements /ja/docs/Web/HTML/Element @@ -4671,7 +4671,7 @@ /ja/docs/Web/Guide/HTML/HTML5/Constraint_validation /ja/docs/orphaned/Web/Guide/HTML/HTML5/Constraint_validation /ja/docs/Web/Guide/HTML/HTML5/Forms_in_HTML5 /ja/docs/Learn/Forms /ja/docs/Web/Guide/HTML/HTML5/HTML5_Thematic_Classification /ja/docs/orphaned/Web/Guide/HTML/HTML5 -/ja/docs/Web/Guide/HTML/HTML5/HTML5_element_list /ja/docs/conflicting/Web/HTML/Element +/ja/docs/Web/Guide/HTML/HTML5/HTML5_element_list /ja/docs/Web/HTML/Element /ja/docs/Web/Guide/HTML/HTML5/HTML5_のフォーム /ja/docs/Learn/Forms /ja/docs/Web/Guide/HTML/HTML5/Introduction_to_HTML5 /ja/docs/orphaned/Web/Guide/HTML/HTML5/Introduction_to_HTML5 /ja/docs/Web/Guide/HTML/Introduction /ja/docs/Learn/HTML/Introduction_to_HTML @@ -4743,7 +4743,7 @@ /ja/docs/Web/HTML/HTML5/Constraint_validation /ja/docs/orphaned/Web/Guide/HTML/HTML5/Constraint_validation /ja/docs/Web/HTML/HTML5/Forms_in_HTML5 /ja/docs/orphaned/Learn/HTML/Forms/HTML5_updates /ja/docs/Web/HTML/HTML5/HTML5_Thematic_Classification /ja/docs/orphaned/Web/Guide/HTML/HTML5 -/ja/docs/Web/HTML/HTML5/HTML5_element_list /ja/docs/conflicting/Web/HTML/Element +/ja/docs/Web/HTML/HTML5/HTML5_element_list /ja/docs/Web/HTML/Element /ja/docs/Web/HTML/HTML5/HTML5_のフォーム /ja/docs/Learn/Forms /ja/docs/Web/HTML/HTML5/Introduction_to_HTML5 /ja/docs/orphaned/Web/Guide/HTML/HTML5/Introduction_to_HTML5 /ja/docs/Web/HTML/HTML_Elements /ja/docs/Web/HTML/Element diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json index 619112d948..0dee16d4be 100644 --- a/files/ja/_wikihistory.json +++ b/files/ja/_wikihistory.json @@ -48585,16 +48585,6 @@ "Yuuki Takahashi" ] }, - "conflicting/Web/HTML/Element": { - "modified": "2019-06-25T21:28:01.239Z", - "contributors": [ - "michi-h0623", - "mfuji09", - "wbamberg", - "ethertank", - "saneyuki_s" - ] - }, "conflicting/Web/HTML/Global_attributes": { "modified": "2019-03-18T20:53:18.763Z", "contributors": [ diff --git a/files/ja/conflicting/web/html/element/index.html b/files/ja/conflicting/web/html/element/index.html deleted file mode 100644 index 68508196e4..0000000000 --- a/files/ja/conflicting/web/html/element/index.html +++ /dev/null @@ -1,586 +0,0 @@ ---- -title: HTML5 の要素 -slug: conflicting/Web/HTML/Element -tags: - - HTML - - HTML5 -translation_of: Web/HTML/Element -translation_of_original: Web/Guide/HTML/HTML5/HTML5_element_list -original_slug: Web/Guide/HTML/HTML5/HTML5_element_list ---- -<p>This page list all <strong>standard HTML5 elements</strong>, described by their opening tag and grouped by function. Contrary to the <a href="/ja/docs/HTML/Element" title="HTML/Element">HTML Element index</a> which lists all possible tags, standard, non-standard, valid, obsolete or deprecated ones, this list only the valid HTML5 elements. Only those should be used in new Web sites.</p> - -<p>The symbol <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a> indicates that the element has been added in HTML5. Note that other elements listed here may have been modified or extended by the HTML5 specification.</p> - -<h2 id="Root_element" name="Root_element">ルート要素</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">要素</th> - <th scope="col">説明</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("html")}}</td> - <td>HTML 文書、XHTML 文書のルート(基点)要素。他の全ての要素はこの要素の子孫要素として配置しなくてはなりません。</td> - </tr> - </tbody> -</table> - -<h2 id="Document_metadata" name="Document_metadata">文書メタデータ要素</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">要素</th> - <th scope="col">説明</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("head")}}</td> - <td>Represents a collection of metadata about the document, including links to or definitions of scripts and style sheets.</td> - </tr> - <tr> - <td>{{HTMLElement("title")}}</td> - <td>Defines the title of the document, shown in a browser's title bar or on the page's tab. It can only contain text and any contained tags are not interpreted.</td> - </tr> - <tr> - <td>{{HTMLElement("base")}}</td> - <td>Defines the base URL for relative URL in the page.</td> - </tr> - <tr> - <td>{{HTMLElement("link")}}</td> - <td>Used to link JavaScript and external CSS with the current HTML document.</td> - </tr> - <tr> - <td>{{HTMLElement("meta")}}</td> - <td>Defines metadata that can't be defined using other HTML element.</td> - </tr> - <tr> - <td>{{HTMLElement("style")}}</td> - <td>Style tag is used to write inline CSS.</td> - </tr> - </tbody> -</table> - -<h2 id="Scripting" name="Scripting">スクリプティング要素</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">要素</th> - <th scope="col">説明</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("script")}}</td> - <td>Defines either an internal script or link to an external script. The script language is JavaScript</td> - </tr> - <tr> - <td>{{HTMLElement("noscript")}}</td> - <td>Defines an alternative content to display when the browser doesn't support scripting.</td> - </tr> - </tbody> -</table> - -<h2 id="Sections" name="Sections">セクショニング要素と見出し要素</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">要素</th> - <th scope="col">説明</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("body")}}</td> - <td> - <div>Represents the main content of an HTML document. There is only one <code><body></code> element in a document.</div> - </td> - </tr> - <tr> - <td>{{HTMLElement("section")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Defines a section in a document</td> - </tr> - <tr> - <td>{{HTMLElement("nav")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Defines a section that contains only navigation links</td> - </tr> - <tr> - <td>{{HTMLElement("article")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Defines self-contained content that could exist independantly of the rest of the content</td> - </tr> - <tr> - <td>{{HTMLElement("aside")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Defines some content set aside from the rest of page content. If it is removed, the remaining content still make sence.</td> - </tr> - <tr> - <td><a href="/ja/docs/HTML/Element/Heading_Elements" title="Elementy blokowe"><code><h1>,<h2>,<h3>,<h4>,<h5>,<h6></code></a></td> - <td>Heading elements implement six levels of document headings, <code><h1></code> is the most important and <code><h6></code> is the least. A heading element briefly describes the topic of the section it introduces.</td> - </tr> - <tr> - <td>{{HTMLElement("hgroup")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Groups a set of <code><h1></code> to <code><h6></code> elements when a heading has multiple levels</td> - </tr> - <tr> - <td>{{HTMLElement("header")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Defines the header of a page or section. It often contains a logo, the title of the Web site and a navigational table of content.</td> - </tr> - <tr> - <td>{{HTMLElement("footer")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Defines the footer for a page or section. It often contains a copyright notice, some links to legal information or addresses to give feedback.</td> - </tr> - <tr> - <td>{{HTMLElement("address")}}</td> - <td>Defines a section containing contact information.</td> - </tr> - </tbody> -</table> - -<h2 id="Grouping_content" name="Grouping_content">グループ化要素</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">要素</th> - <th scope="col">説明</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("p")}}</td> - <td>Defines a portion that should be displayed as a paragrah.</td> - </tr> - <tr> - <td>{{HTMLElement("hr")}}</td> - <td>Represents a thematic break between paragraphs of a section or article or any longer content.</td> - </tr> - <tr> - <td>{{HTMLElement("pre")}}</td> - <td>Indicates that its content is preformatted and that this format must be preserved.</td> - </tr> - <tr> - <td>{{HTMLElement("blockquote")}}</td> - <td>Represents a citation.</td> - </tr> - <tr> - <td>{{HTMLElement("ol")}}</td> - <td>Defines an ordered list of items, that is a list which change its meaning if we change the order of its elements</td> - </tr> - <tr> - <td>{{HTMLElement("ul")}}</td> - <td>Defines an unordered list of items.</td> - </tr> - <tr> - <td>{{HTMLElement("li")}}</td> - <td>Defines a item of a enumeration list often preceded by a bullet in English.</td> - </tr> - <tr> - <td>{{HTMLElement("dl")}}</td> - <td>Defines a definition list, that is a list of terms and their associated definitions.</td> - </tr> - <tr> - <td>{{HTMLElement("dt")}}</td> - <td>Represents a term defined by the next <code><dd></code>.</td> - </tr> - <tr> - <td>{{HTMLElement("dd")}}</td> - <td>Represents the definition of the terms immediately listed before it.</td> - </tr> - <tr> - <td>{{HTMLElement("figure")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents a figure illustrated a part of the document.</td> - </tr> - <tr> - <td>{{HTMLElement("figcaption")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents the legend of a figure.</td> - </tr> - <tr> - <td>{{HTMLElement("div")}}</td> - <td>Represents a generic container with no special meaning.</td> - </tr> - </tbody> -</table> - -<h2 id="Text-level_semantics" name="Text-level_semantics">テキストレベル・セマンティクス要素</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">要素</th> - <th scope="col">説明</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("a")}}</td> - <td>ハイパーリンク。他の文書などへのリンク機能を提供します。</td> - </tr> - <tr> - <td>{{HTMLElement("em")}}</td> - <td>Represents<em>emphasized</em> text, like a stress accent.</td> - </tr> - <tr> - <td>{{HTMLElement("strong")}}</td> - <td>Represents especially<em>important</em> text.</td> - </tr> - <tr> - <td>{{HTMLElement("small")}}</td> - <td>Represents a<em>side comment</em>, that is text like a disclaimer, a copyright which is not essential to the comprehension of the document.<code> </code></td> - </tr> - <tr> - <td>{{HTMLElement("s")}}</td> - <td>Represents content that is no<em>longer accurate or relevant</em>.</td> - </tr> - <tr> - <td>{{HTMLElement("cite")}}</td> - <td>Represents the<em>title of a work</em>.</td> - </tr> - <tr> - <td>{{HTMLElement("q")}}</td> - <td>インラインの短い引用。段落をまたぐ様な引用には <code>blockquote</code> 要素を用います。</td> - </tr> - <tr> - <td>{{HTMLElement("dfn")}}</td> - <td>Represents a term whose<em>definition</em> is contained in its nearest ancestor content.</td> - </tr> - <tr> - <td>{{HTMLElement("abbr")}}</td> - <td>Represents an<em>abbreviation</em> or an<em>acronym</em>, eventually with its meaning.</td> - </tr> - <tr> - <td>{{HTMLElement("data")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Associates to its content a<em>machine-readable equivalent</em>. (This element is only in the WHATWG version of the HTML standard, and not in the W3C version of HTML5).</td> - </tr> - <tr> - <td>{{HTMLElement("time")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents a<em>date</em> and<em>time</em> value, eventually with a machine-readable equivalent.</td> - </tr> - <tr> - <td>{{HTMLElement("code")}}</td> - <td>コンピューターのコード</td> - </tr> - <tr> - <td>{{HTMLElement("var")}}</td> - <td>Represents a<em>variable, that is an actual mathematical expression or programming context, an identifier representing a constant, a symbol identifying a physical quantity, a function parameter, or a mere placeholder in prose.</em></td> - </tr> - <tr> - <td>{{HTMLElement("samp")}}</td> - <td>Represents the<em>output</em> of a program or a computer.</td> - </tr> - <tr> - <td>{{HTMLElement("kbd")}}</td> - <td>キーボードのキーコマンドや音声コマンドなどのユーザ入力を表します(※名称が「キーボード要素」であるにも関わらず、キーボード以外のユーザ入力も表せる点に注意が必要です)</td> - </tr> - <tr> - <td>{{HTMLElement("sub")}},{{HTMLElement("sup")}}</td> - <td>Represents a<em>subscript</em>, respectively a<em>superscript.</em></td> - </tr> - <tr> - <td>{{HTMLElement("i")}}</td> - <td>Represents some text in an<em>alternate</em> voice or mood, or at least of different quality, such as a taxonomic designation, a technical term, an idiomatic phrase, a thought or a ship name.</td> - </tr> - <tr> - <td>{{HTMLElement("b")}}</td> - <td>Represents a text which to which attention is drawn for<em>utilitarian purposes</em>. It doesn't convey extra importance and doesn't implicate an alternate voice.</td> - </tr> - <tr> - <td>{{HTMLElement("u")}}</td> - <td>Represents<em>unarticulate</em> non-textual annoatation, such labeling the text as being misspelt or labeling a proper name in Chinese text.</td> - </tr> - <tr> - <td>{{HTMLElement("mark")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents text highlighted for<em>reference</em> purposes, that is for its relevance in another context.</td> - </tr> - <tr> - <td>{{HTMLElement("ruby")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents content to be marked with<em>ruby annotations</em>, short runs of text presented alongside the text. This is often used in conjunction with East Asian language where the annotations act as a guide for pronunciation, like the Japanese<em>furigana</em>.</td> - </tr> - <tr> - <td>{{HTMLElement("rt")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents the<em>text of a ruby annotation</em>.</td> - </tr> - <tr> - <td>{{HTMLElement("rp")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents<em>parenthesis</em> around a ruby annotation, used to display the annotation in an alternate way by browsers not supporting the standard display for annotations.</td> - </tr> - <tr> - <td>{{HTMLElement("bdi")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents text that must be<em>isolated</em> from its surrounding for bidirectional text formatting. It allows to embed span of text with a different, or unknown, directionality.</td> - </tr> - <tr> - <td>{{HTMLElement("bdo")}}</td> - <td>Represents the<em>directionality</em> of its children, in order to explicitly override the Unicode bidirectional algorithm.</td> - </tr> - <tr> - <td>{{HTMLElement("span")}}</td> - <td>Represents text with no specific meaning. This has to be used when no<em>other</em> text-semantic element conveys an adequate meaning, which, in this case, is often brought by global attributes like <code>class</code>, <code>lang</code>, or <code>dir</code>.</td> - </tr> - <tr> - <td>{{HTMLElement("br")}}</td> - <td>改行( HTML のソースコード内での改行コードは、特定の要素内のもの、或いは特定のスタイルが指定された要素内のものしか表示される文書に改行として反映されません )</td> - </tr> - <tr> - <td>{{HTMLElement("wbr")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents a<em>line break opportunity</em>, that is a suggested wrapping point in order to improve readability of text split on several lines.</td> - </tr> - </tbody> -</table> - -<h2 id="Edits" name="Edits">変更要素</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">要素</th> - <th scope="col">説明</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("ins")}}</td> - <td>文書に追加された内容である事を示す</td> - </tr> - <tr> - <td>{{HTMLElement("del")}}</td> - <td>文書から削除された内容である事を示す</td> - </tr> - </tbody> -</table> - -<h2 id="Embedded_content" name="Embedded_content">埋め込みコンテンツ要素</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">要素</th> - <th scope="col">説明</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("img")}}</td> - <td>画像</td> - </tr> - <tr> - <td>{{HTMLElement("iframe")}}</td> - <td>Represents a<em>nested browsing context</em>, that is an embedded HTML document.</td> - </tr> - <tr> - <td>{{HTMLElement("embed")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents a<em>integration point</em> for an external, often non_HTML, application or interactive content.</td> - </tr> - <tr> - <td>{{HTMLElement("object")}}</td> - <td>Represents an<em>external resource</em>, which will be treated as an image, an HTML sub-document or an external resource to be processed by a plugin.</td> - </tr> - <tr> - <td>{{HTMLElement("param")}}</td> - <td>Defines<em>parameters</em> for use by plugins invoked by <code><object></code> elements.</td> - </tr> - <tr> - <td>{{HTMLElement("video")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents a<em>video</em>, and its associated audio files and captions, with the necessary interface to play it.</td> - </tr> - <tr> - <td>{{HTMLElement("audio")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents a<em>sound</em>, or an<em>audio stream</em>.</td> - </tr> - <tr> - <td>{{HTMLElement("source")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Allows authors to specify alternative media resources for media elements like <code><video></code> or <code><audio></code>.</td> - </tr> - <tr> - <td>{{HTMLElement("track")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Allows authors to specify timed<em>text track</em> for media elements like <code><video></code><em>or <code><audio></code>.</em></td> - </tr> - <tr> - <td>{{HTMLElement("canvas")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents a<em>bitmap area</em> that scripts can be used to render graphics, like graphs, game graphics, any visual images on the fly.</td> - </tr> - <tr> - <td>{{HTMLElement("map")}}</td> - <td>In conjunction with <code><area></code>, defines an<em>image map</em>.</td> - </tr> - <tr> - <td>{{HTMLElement("area")}}</td> - <td>In conjunction with <code><map></code>, defines an<em>image map</em>.</td> - </tr> - <tr> - <td>{{SVGElement("svg")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Defines an embedded<em>vectorial image</em>.</td> - </tr> - <tr> - <td>{{MathMLElement("math")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Defines a<em>mathematical formula</em>.</td> - </tr> - </tbody> -</table> - -<h2 id="Tabular_data" name="Tabular_data">テーブルデータ要素</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">要素</th> - <th scope="col">説明</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("table")}}</td> - <td>行と列を持つ図表。テーブル。</td> - </tr> - <tr> - <td>{{HTMLElement("caption")}}</td> - <td>テーブルのキャプション</td> - </tr> - <tr> - <td>{{HTMLElement("colgroup")}}</td> - <td>テーブルの、一つ以上の列グループを表す</td> - </tr> - <tr> - <td>{{HTMLElement("col")}}</td> - <td>テーブルの列を表す</td> - </tr> - <tr> - <td>{{HTMLElement("tbody")}}</td> - <td>Represents the block of rows that describes the<em>concrete data</em> of a table.</td> - </tr> - <tr> - <td>{{HTMLElement("thead")}}</td> - <td>Represents the block of rows that describes the<em>column labels</em> of a table.</td> - </tr> - <tr> - <td>{{HTMLElement("tfoot")}}</td> - <td>Represents the block of rows that describes the<em>column summaries</em> of a table.</td> - </tr> - <tr> - <td>{{HTMLElement("tr")}}</td> - <td>Represents a<em>row of cells</em> in a table.</td> - </tr> - <tr> - <td>{{HTMLElement("td")}}</td> - <td>Represents a<em>data cell</em> in a table.</td> - </tr> - <tr> - <td>{{HTMLElement("th")}}</td> - <td>Represents a<em>header cell</em> in a table.</td> - </tr> - </tbody> -</table> - -<h2 id="Forms" name="Forms">フォーム関連要素</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">要素</th> - <th scope="col">説明</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("form")}}</td> - <td>Represents a<em>formular</em>, consisting of controls, that can be submitted to a server for processing.</td> - </tr> - <tr> - <td>{{HTMLElement("fieldset")}}</td> - <td>フォームコントロール要素のグループ化に用いる</td> - </tr> - <tr> - <td>{{HTMLElement("legend")}}</td> - <td><code><fieldset></code> のキャプション</td> - </tr> - <tr> - <td>{{HTMLElement("label")}}</td> - <td>フォームコントロールのキャプション</td> - </tr> - <tr> - <td>{{HTMLElement("input")}}</td> - <td>Represents a<em>typed data field</em> allowing the user to edit the data.</td> - </tr> - <tr> - <td>{{HTMLElement("button")}}</td> - <td>Represents a<em>button</em>.</td> - </tr> - <tr> - <td>{{HTMLElement("select")}}</td> - <td>Represents a control allowing the<em>selection among a set of options</em>.</td> - </tr> - <tr> - <td>{{HTMLElement("datalist")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents a<em>set of predefined options</em> for other controls.</td> - </tr> - <tr> - <td>{{HTMLElement("optgroup")}}</td> - <td>Represents a<em>set of options</em>, logically grouped.</td> - </tr> - <tr> - <td>{{HTMLElement("option")}}</td> - <td>Represents an<em>option</em> in a <code><select></code> element, or a suggestion of a <code><datalist></code> element.</td> - </tr> - <tr> - <td>{{HTMLElement("textarea")}}</td> - <td>Represents a<em>multiline text edit control</em>.</td> - </tr> - <tr> - <td>{{HTMLElement("keygen")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents a<em>key pair generator control</em>.</td> - </tr> - <tr> - <td>{{HTMLElement("output")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents the<em>result of a calculation</em>.</td> - </tr> - <tr> - <td>{{HTMLElement("progress")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents the<em>completion progress</em> of a task.</td> - </tr> - <tr> - <td>{{HTMLElement("meter")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents a scalar<em>measurement</em> (or a fractional value), within a known range</td> - </tr> - </tbody> -</table> - -<h2 id="Interactive_elements" name="Interactive_elements">インタラクティブコンテンツ要素</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">要素</th> - <th scope="col">説明</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{HTMLElement("details")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents a<em>widget</em> from which the user can obtain additional information or controls.</td> - </tr> - <tr> - <td>{{HTMLElement("summary")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents a<em>summary</em>,<em>caption</em>, or<em>legend</em> for a given <code><details></code>.</td> - </tr> - <tr> - <td>{{HTMLElement("command")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents a<em>command</em> that the user can invoke.</td> - </tr> - <tr> - <td>{{HTMLElement("menu")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td> - <td>Represents a<em>list of commands</em>.</td> - </tr> - </tbody> -</table> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/HTML/HTML5" title="HTML/HTML5">HTML5</a></li> - <li><a href="/ja/docs/HTML/Element" title="HTML/Element">HTML 要素リファレンス</a> (HTML5 に含まれない要素も含まれています)</li> - <li>Another way of listing the tags: the <a href="http://joshduck.com/periodic-table.html" title="http://joshduck.com/periodic-table.html">Periodic table of HTML5 elements</a> by Josh Duck.</li> -</ul> diff --git a/files/ja/web/html/element/index.html b/files/ja/web/html/element/index.html index ee8e2747f0..16bd02164c 100644 --- a/files/ja/web/html/element/index.html +++ b/files/ja/web/html/element/index.html @@ -7,101 +7,126 @@ tags: - HTML - Reference - Web - - 'l10n:priority' + - l10n:priority translation_of: Web/HTML/Element --- +<div>{{HTMLSidebar("Elements")}}</div> + <p><span class="seoSummary">このページでは、{{Glossary("Tag", "タグ")}}を使用して作成されるすべての {{Glossary("HTML")}} {{Glossary("Element","要素")}}を一覧表示しています。</span>この一覧は、考えているものを見つけやすいように、機能別にグループ化しています。アルファベット順のすべての要素の一覧は、このページと同様に各要素ページのサイドバーにあります。</p> -<div class="note"> -<p>HTML 要素や属性の基礎について詳しくは、<a href="/ja/docs/Web/Guide/HTML/Introduction#Elements_%E2%80%94_the_basic_building_blocks">HTML 概論の記事で要素のセクション</a> をご覧ください。</p> +<div class="notecard note"> + <h4>メモ</h4> + <p>HTML 要素や属性の基礎について詳しくは、<a href="/ja/docs/Learn/HTML/Introduction_to_HTML#elements_%e2%80%94_the_basic_building_blocks">HTML 概論の記事で要素のセクション</a> をご覧ください。</p> </div> -<h2 id="Main_root" name="Main_root">メインルート</h2> +<h2 id="Main_root">メインルート</h2> <p>{{HTMLRefTable("HTML Root Element")}}</p> -<h2 id="Document_metadata" name="Document_metadata">文書メタデータ</h2> +<h2 id="Document_metadata">文書メタデータ</h2> <p>メタデータは、ページに関する情報のことです。これはソフトウェア ({{Glossary("search engine", "検索エンジン")}} や {{Glossary("Browser","ブラウザー")}} など) が利用する、およびページの描画を支援するスタイル、スクリプト、データといった情報を含みます。スタイルやスクリプトのメタデータはページ内で定義するか、それらの情報を持つ別のファイルへのリンクとして定義します。</p> <p>{{HTMLRefTable("HTML Document Metadata")}}</p> -<h2 id="Sectioning_root" name="Sectioning_root">セクショニングルート</h2> +<h2 id="Sectioning_root">区分化ルート</h2> <p>{{HTMLRefTable("Sectioning Root Element")}}</p> -<h2 id="Content_sectioning" name="Content_sectioning">コンテンツセクショニング</h2> +<h2 id="Content_sectioning">コンテンツ区分</h2> -<p>コンテンツセクショニング要素は、ドキュメントのコンテンツを論理的な断片に体系づけます。ページのコンテンツでヘッダーやフッターのナビゲーション、あるいはコンテンツのセクションを識別する見出しなどの、大まかなアウトラインを作成するためにセクショニング要素を使用します。</p> +<p>コンテンツ区分要素は、文書のコンテンツを論理的な断片に体系づけます。ページのコンテンツでヘッダーやフッターのナビゲーション、あるいはコンテンツのセクションを識別する見出しなどの、大まかなアウトラインを作成するために区分要素を使用します。</p> <p>{{HTMLRefTable("HTML Sections")}}</p> -<h2 id="Text_content" name="Text_content">テキストコンテンツ</h2> +<h2 id="Text_content">テキストコンテンツ</h2> <p>HTML テキストコンテンツ要素は、開始タグ {{HTMLElement("body")}} と終了タグ <code></body></code> の間にあるコンテンツでブロックやセクションを編成します。これらの要素はコンテンツの用途や構造を識別するものであり、{{Glossary("accessibility","アクセシビリティ")}} や {{Glossary("SEO")}} のために重要です。</p> <p>{{HTMLRefTable("HTML Grouping Content")}}</p> -<h2 id="Inline_text_semantics" name="Inline_text_semantics">インライン文字列意味付け</h2> +<h2 id="Inline_text_semantics">インライン文字列意味付け</h2> <p>HTML インラインテキストセマンティクス要素は、単語、行、あるいは任意のテキスト範囲の意味、構造、スタイルを定義します。</p> <p>{{HTMLRefTable("HTML Text-Level Semantics")}}</p> -<h2 id="Image_and_multimedia" name="Image_and_multimedia">画像とマルチメディア</h2> +<h2 id="Image_and_multimedia">画像とマルチメディア</h2> <p>HTML は画像、音声、映像といった、さまざまなマルティメディアリソースをサポートします。</p> <p>{{HTMLRefTable("multimedia")}}</p> -<h2 id="Embedded_content" name="Embedded_content">埋め込みコンテンツ</h2> +<h2 id="Embedded_content">埋め込みコンテンツ</h2> <p>HTML は公式にサポートするマルチメディアコンテンツ以外のさまざまなコンテンツを、容易に対話できるとは限らないものであっても埋め込むことができます。</p> <p>{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}</p> -<h2 id="Scripting" name="Scripting">スクリプティング</h2> +<h2 id="SVG_and_Math">SVG と MathML</h2> + +<p><a href="/ja/docs/Web/SVG">SVG</a> と <a href="/ja/docs/Web/MathML">MathML</a> のコンテンツを、 {{SVGElement("svg")}} および {{MathMLElement("math")}} 要素を使用して直接 HTML 文書に埋め込むことができます。</p> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">要素</th> + <th scope="col">説明</th> + </tr> + </thead> + <tbody> + <tr> + <td style="vertical-align: top;">{{SVGElement("svg")}}</td> + <td><code>svg</code> 要素は、新しい座標系と<a href="/ja/docs/Web/SVG/Attribute/viewBox">ビューポート</a>を定義するコンテナーです。これは SVG 文書の最も外側の要素として使用されますが、SVG または HTML 文書の中に SVG フラグメントを埋め込むためにも使用できます。</td> + </tr> + <tr> + <td style="vertical-align: top;">{{MathMLElement("math")}}</td> + <td>MathML における最上位の要素は <code><math></code> です。有効な MathML のインスタンスはすべて <code><math></code> タグに囲まれています。加えて、 <code><math></code> 要素を入れ子状に配置してはなりませんが、中にその他の子要素をいくつでも持つことができます。</td> + </tr> + </tbody> +</table> + +<h2 id="Scripting">スクリプティング</h2> <p>動的なコンテンツやウェブアプリケーションを作成するために、HTML ではスクリプト言語を使用できます。もっとも有名な言語は、JavaScript です。いくつかの要素がスクリプト機能をサポートします。</p> <p>{{HTMLRefTable("HTML Scripting")}}</p> -<h2 id="Demarcating_edits" name="Demarcating_edits">編集範囲の特定</h2> +<h2 id="Demarcating_edits">編集範囲の特定</h2> <p>これらの要素は、テキストの特定の範囲が変更されたことを示します。</p> <p>{{HTMLRefTable("HTML Edits")}}</p> -<h2 id="Table_content" name="Table_content">テーブル</h2> +<h2 id="Table_content">テーブル</h2> <p>以下の要素は、表形式のデータを作成および制御するために使用します。</p> <p>{{HTMLRefTable("HTML tabular data")}}</p> -<h2 id="Forms" name="Forms">フォーム</h2> +<h2 id="Forms">フォーム</h2> -<p>HTML では、ユーザーがデータを記入してウェブサイトやアプリケーションに送信することを可能にするフォームを作成するために、組み合わせて使用する要素をいくつか提供します。フォームに関する多くの情報を、<a href="/ja/docs/Web/Guide/HTML/Forms">HTML フォームガイド</a> に掲載しています。</p> +<p>HTML では、ユーザーがデータを記入してウェブサイトやアプリケーションに送信することを可能にするフォームを作成するために、組み合わせて使用する要素をいくつか提供します。フォームに関する多くの情報を、<a href="/ja/docs/Learn/Forms">HTML フォームガイド</a> に掲載しています。</p> <p>{{HTMLRefTable({"include": ["HTML forms"], "exclude":["Deprecated"]})}}</p> -<h2 id="Interactive_elements" name="Interactive_elements">インタラクティブ要素</h2> +<h2 id="Interactive_elements">インタラクティブ要素</h2> <p>HTML には、インタラクティブなユーザーインターフェイスを作成するための要素があります。</p> -<p>{{HTMLRefTable({"include": ["HTML interactive elements"], "exclude":["Deprecated"]})}}</p> +<p>{{HTMLRefTable("HTML interactive elements")}}</p> -<h2 id="Web_Components" name="Web_Components">ウェブコンポーネント</h2> +<h2 id="Web_Components">ウェブコンポーネント</h2> <p>Web Components は要するに、独自の要素を作成して通常の HTML 要素であるかのように使用できる、HTML 関連技術です。加えて、独自版の標準 HTML 要素を作成することもできます。</p> -<p>{{HTMLRefTable({"include":["Web Components"],"elements":["shadow"]})}}</p> +<p>{{HTMLRefTable({"include":["Web Components"],"exclude":["Deprecated", "Obsolete"]})}}</p> -<h2 id="Obsolete_and_deprecated_elements" name="Obsolete_and_deprecated_elements">廃止または非推奨の要素</h2> +<h2 id="Obsolete_and_deprecated_elements">廃止または非推奨の要素</h2> -<div class="warning"> -<p><strong>警告:</strong> 以下は非推奨の古い HTML 要素であり、使用するべきものではありません。<strong>新たなプロジェクトではこれらを使用せず、また既存のプロジェクトでも可能な限りこれらを置き換えてください。</strong> この一覧は、情報提供のために記載しています。</p> +<div class="notecard warning"> + <h4>Warning</h4> + <p><strong>警告:</strong> 以下は非推奨の古い HTML 要素であり、使用するべきものではありません。<strong>新たなプロジェクトではこれらを使用せず、また既存のプロジェクトでも可能な限りこれらを置き換えてください。</strong> この一覧は、情報提供のために記載しています。</p> </div> <p>{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}</p> - -<p>{{HTMLSidebar("Elements")}}</p> |