diff options
Diffstat (limited to 'files/ja/conflicting/web/html')
4 files changed, 663 insertions, 0 deletions
diff --git a/files/ja/conflicting/web/html/element/index.html b/files/ja/conflicting/web/html/element/index.html new file mode 100644 index 0000000000..b5da7466db --- /dev/null +++ b/files/ja/conflicting/web/html/element/index.html @@ -0,0 +1,585 @@ +--- +title: HTML5 の要素 +slug: Web/Guide/HTML/HTML5/HTML5_element_list +tags: + - HTML + - HTML5 +translation_of: Web/HTML/Element +translation_of_original: 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/conflicting/web/html/element/title/index.html b/files/ja/conflicting/web/html/element/title/index.html new file mode 100644 index 0000000000..ab170f7d35 --- /dev/null +++ b/files/ja/conflicting/web/html/element/title/index.html @@ -0,0 +1,19 @@ +--- +title: title +slug: title +tags: + - Disambiguation +translation_of: Web/HTML/Element/title +translation_of_original: title +--- +<p><strong>title</strong> は、その文脈により異なるものを指す場合があります。</p> + +<ul> + <li>DOM:{{ domxref("element.title")}} - 要素の <code>title</code> 属性の値を取得 / 設定</li> + <li>DOM:{{domxref("document.title")}} - 文書の <code>title</code> 要素の値を取得 / 設定</li> + <li><a href="/ja/docs/HTML/Element/title"><code><title></code> (HTML)</a> - <a href="/en-US/docs/HTML">HTML</a> の <code>title</code> 要素</li> + <li><a href="/ja/docs/SVG/Element/title"><code><title></code> (SVG)</a> - <a href="/en-US/docs/SVG">SVG</a> の <code>title</code> 要素</li> + <li><a href="/ja/docs/RSS/Element/title"><code><title></code> (RSS)</a> - <a href="/en-US/docs/RSS">RSS</a> の <code>title</code> 要素</li> +</ul> + +<div><div class="disambig" id="disambig"><p><i>これは<a href="https://developer.mozilla.org/ja/docs/Project:Disambiguation">あいまい性除去</a>のページです — 同じ題名を共有している可能性のあるページをリストして案内を補助します。 記事のリンクからここに来たのであれば、戻って意図するページに直接行くように修正することもできます。</i></p></div></div> diff --git a/files/ja/conflicting/web/html/global_attributes/index.html b/files/ja/conflicting/web/html/global_attributes/index.html new file mode 100644 index 0000000000..aee67a75d0 --- /dev/null +++ b/files/ja/conflicting/web/html/global_attributes/index.html @@ -0,0 +1,27 @@ +--- +title: Global attribute (グローバル属性) +slug: Glossary/Global_attribute +tags: + - Attribute + - CodingScripting + - Glossary + - HTML +translation_of: Web/HTML/Global_attributes +translation_of_original: Glossary/Global_attribute +--- +<p>グローバル属性は、すべての{{glossary("element","要素")}}で使用できる{{glossary("attribute","属性")}}です（ただし、一部の要素には影響を与えないこともあります）。</p> + +<p>HTML 要素には、次のいくつかの属性を使用できます。</p> + +<ul> + <li><a href="/ja/docs/Web/HTML/Global_attributes/dir"><strong>dir</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/lang"><strong>lang</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/style"><strong>style</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/id"><strong>id</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/class"><strong>class</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/tabindex"><strong>tabindex</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/accesskey"><strong>accesskey</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/title"><strong>title</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/hidden"><strong>hidden</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/data-*"><strong>data-*</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/contextmenu"><strong>contextmenu</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/contenteditable"><strong>contenteditable</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/translate"><strong>translate</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/spellcheck"><strong>spellcheck</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/draggable"><strong>draggable</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/dropzone"><strong>dropzone</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/itemid"><strong>itemid</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/itemprop"><strong>itemprop</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/itemref"><strong>itemref</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/itemscope"><strong>itemscope</strong></a>, <a href="/ja/docs/Web/HTML/Global_attributes/itemtype"><strong>itemtype</strong></a>.</li> + <li><strong>xml:lang </strong>と <strong>xml:base</strong> の両方が {{glossary("XHTML")}} 仕様から継承され、非推奨ですが互換性のために保持されています。</li> + <li>アクセシビリティを向上させるための複数の <strong><a href="/ja/docs/Web/Accessibility/ARIA">aria-*</a></strong> 属性。</li> + <li>イベントハンドラー属性: <strong>onabort</strong>, <strong>onautocomplete</strong>, <strong>onautocompleteerror</strong>, <strong>onblur</strong>, <strong>oncancel</strong>, <strong>oncanplay</strong>, <strong>oncanplaythrough</strong>, <strong>onchange</strong>, <strong>onclick</strong>, <strong>onclose</strong>, <strong>oncontextmenu</strong>, <strong>oncuechange</strong>, <strong>ondblclick</strong>, <strong>ondrag</strong>, <strong>ondragend</strong>, <strong>ondragenter</strong>, <strong>ondragexit</strong>, <strong>ondragleave</strong>, <strong>ondragover</strong>, <strong>ondragstart</strong>, <strong>ondrop</strong>, <strong>ondurationchange</strong>, <strong>onemptied</strong>, <strong>onended</strong>, <strong>onerror</strong>, <strong>onfocus</strong>, <strong>oninput</strong>, <strong>oninvalid</strong>, <strong>onkeydown</strong>, <strong>onkeypress</strong>, <strong>onkeyup</strong>, <strong>onload</strong>, <strong>onloadeddata</strong>, <strong>onloadedmetadata</strong>, <strong>onloadstart</strong>, <strong>onmousedown</strong>, <strong>onmouseenter</strong>, <strong>onmouseleave</strong>, <strong>onmousemove</strong>, <strong>onmouseout</strong>, <strong>onmouseover</strong>, <strong>onmouseup</strong>, <strong>onmousewheel</strong>, <strong>onpause</strong>, <strong>onplay</strong>, <strong>onplaying</strong>, <strong>onprogress</strong>, <strong>onratechange</strong>, <strong>onreset</strong>, <strong>onresize</strong>, <strong>onscroll</strong>, <strong>onseeked</strong>, <strong>onseeking</strong>, <strong>onselect</strong>, <strong>onshow</strong>, <strong>onsort</strong>, <strong>onstalled</strong>, <strong>onsubmit</strong>, <strong>onsuspend</strong>, <strong>ontimeupdate</strong>, <strong>ontoggle</strong>, <strong>onvolumechange</strong>, <strong>onwaiting</strong>.</li> +</ul> + +<h2 id="Learn_more" name="Learn_more">より詳しく知る</h2> + +<ul> + <li>HTML の<a href="/ja/docs/Web/HTML/Global_attributes">グローバル属性</a></li> +</ul> diff --git a/files/ja/conflicting/web/html/global_attributes/spellcheck/index.html b/files/ja/conflicting/web/html/global_attributes/spellcheck/index.html new file mode 100644 index 0000000000..07cdb135ef --- /dev/null +++ b/files/ja/conflicting/web/html/global_attributes/spellcheck/index.html @@ -0,0 +1,32 @@ +--- +title: HTML フォームのスペルチェックを制御する +slug: Controlling_spell_checking_in_HTML_forms +tags: + - Configuration management + - HTML +--- +<p>{{ Fx_minversion_header(2) }} Firefox 2 はウェブフォームのテキストエリア{{ 訳注("複数行のテキスト入力欄") }}とテキストフィールド{{ 訳注("一行のテキスト入力欄") }}のスペルチェックのサポートを導入します。ユーザーは about:config インターフェースを使って、スペルチェックを有効にするか、テキストエリアとテキストフィールドの両方でチェックするかを設定することができます。</p> +<p>標準では、テキストエリアと <code>designMode</code> ドキュメントではスペルチェックが行われますが、一行の入力ボックスでは行われません。なぜなら、Firefox が ユーザ ID や E メールアドレスを誤ってマークしてしまうと、ユーザの気を散らしてしまうからです。</p> +<p>しかし、この動作が必ずしも適切でない状況があるでしょう。例えば、HTML や他の非散文データを編集するためにテキストエリアの使用が意図されているなら、スペルチェッカは助けよりむしろ妨害でしょう。 同じようにウェブサイトが特定のテキストフィールドでスペルチェック可能にすることを Firefox に勧めたい場合があるかもしれません。例えば、検索ボックスや E メールの件名フィールドなど。</p> +<p>ウェブサイトが特定の <code><input></code> 要素にスペルチェックを使わせたい、あるいは使わせたくない場合は、<code>spellcheck</code> 属性を使うことができます。スペルチェックを勧めるには <code>true</code> を、使わせたくないときには <code>false</code> を設定します。</p> +<p>もしユーザが <code>layout.spellcheckDefault</code> を 0 に設定してスペルチェックを完全に無効化しているなら、サイトからの勧めは無視されることを覚えておいてください。もし <code>layout.spellcheckDefault</code> が他の値なら勧めは考慮に入れられるでしょう。</p> +<p>一行のテキストフィールド(HTML の <code><input></code> 要素) でスペルチェックを有効化するには、HTML で次のようにコードを書きます:</p> +<pre class="eval"><span class="nowiki"><input type="text" size="50" spellcheck="true"></span> +</pre> +<p>同様にテキストエリアでスペルチェックを無効にするには、HTML で次のようにコードを書きます:</p> +<pre class="eval"><span class="nowiki"><textarea spellcheck="false"></textarea></span> +</pre> +<p><code>spellcheck</code> 属性をドキュメントの <code><body></code> 要素に設定することによって、ドキュメントの <code>designMode</code> (一般的に、リッチテキスト編集の実装に使用されます) を制御することができます。</p> +<p>あなたは <code>spellcheck</code> 属性を <code><span></code> と <code><div></code> のような他の要素にも同じように適用ですます。それらに含まれた全ての <code><input></code> 要素は親によって設定されたスペルチェックの設定が継承されます。もし祖先の要素で何も設定されていない場合、ユーザの標準設定が使われます。</p> +<p>例えば</p> +<pre><div spellcheck="true"> + <label>文章を入力してください: </label><input type="text" size="50"> + <br /> + <label>さらに入力してください: </label><input type="text" size="50"> +</div> +<br /> +<label>3 番目を入力してください: </label><input type="text" size="50"> +</pre> +<p>この HTML の断片では、最初の 2 つのテキストフィールドはスペルチェックされるのに対して 3 番目はスペルチェックされません。</p> +<div class="noinclude"> + </div> |