HTML5 の要素

In This Article

ルート要素
文書メタデータ要素
スクリプティング要素
セクショニング要素と見出し要素
グループ化要素
テキストレベル・セマンティクス要素
変更要素
埋め込みコンテンツ要素
テーブルデータ要素
フォーム関連要素
インタラクティブコンテンツ要素
関連情報

この文書は翻訳中です。他国語のままの部分などがあるのはその為です。
是非お気軽に MDN に登録して翻訳に参加し、私たちの手助けをして下さい！

This page list all standard HTML5 elements, described by their opening tag and grouped by function. Contrary to the HTML Element index 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.

The symbol 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.

ルート要素

要素	説明
`<html>`	HTML 文書、XHTML 文書のルート（基点）要素。他の全ての要素はこの要素の子孫要素として配置しなくてはなりません。

文書メタデータ要素

要素	説明
`<head>`	Represents a collection of metadata about the document, including links to or definitions of scripts and style sheets.
`<title>`	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.
`<base>`	Defines the base URL for relative URL in the page.
`<link>`	Used to link JavaScript and external CSS with the current HTML document.
`<meta>`	Defines metadata that can't be defined using other HTML element.
`<style>`	Style tag is used to write inline CSS.

スクリプティング要素

要素	説明
`<script>`	Defines either an internal script or link to an external script. The script language is JavaScript
`<noscript>`	Defines an alternative content to display when the browser doesn't support scripting.

セクショニング要素と見出し要素

要素	説明
`<body>`	Represents the main content of an HTML document. There is only one `<body>` element in a document.
`<section>`	Defines a section in a document
`<nav>`	Defines a section that contains only navigation links
`<article>`	Defines self-contained content that could exist independantly of the rest of the content
`<aside>`	Defines some content set aside from the rest of page content. If it is removed, the remaining content still make sence.
`<h1>,<h2>,<h3>,<h4>,<h5>,<h6>`	Heading elements implement six levels of document headings, `<h1>` is the most important and `<h6>` is the least. A heading element briefly describes the topic of the section it introduces.
`<hgroup>`	Groups a set of `<h1>` to `<h6>` elements when a heading has multiple levels
`<header>`	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.
`<footer>`	Defines the footer for a page or section. It often contains a copyright notice, some links to legal information or addresses to give feedback.
`<address>`	Defines a section containing contact information.

グループ化要素

要素	説明
`<p>`	Defines a portion that should be displayed as a paragrah.
`<hr>`	Represents a thematic break between paragraphs of a section or article or any longer content.
`<pre>`	Indicates that its content is preformatted and that this format must be preserved.
`<blockquote>`	Represents a citation.
`<ol>`	Defines an ordered list of items, that is a list which change its meaning if we change the order of its elements
`<ul>`	Defines an unordered list of items.
`<li>`	Defines a item of a enumeration list often preceded by a bullet in English.
`<dl>`	Defines a definition list, that is a list of terms and their associated definitions.
`<dt>`	Represents a term defined by the next `<dd>`.
`<dd>`	Represents the definition of the terms immediately listed before it.
`<figure>`	Represents a figure illustrated a part of the document.
`<figcaption>`	Represents the legend of a figure.
`<div>`	Represents a generic container with no special meaning.

テキストレベル・セマンティクス要素

要素	説明
`<a>`	ハイパーリンク。他の文書などへのリンク機能を提供します。
`<em>`	Represents emphasized text, like a stress accent.
`<strong>`	Represents especially important text.
`<small>`	Represents a side comment, that is text like a disclaimer, a copyright which is not essential to the comprehension of the document.
`<s>`	Represents content that is no longer accurate or relevant.
`<cite>`	Represents the title of a work.
`<q>`	インラインの短い引用。段落をまたぐ様な引用には `blockquote` 要素を用います。
`<dfn>`	Represents a term whose definition is contained in its nearest ancestor content.
`<abbr>`	Represents an abbreviation or an acronym, eventually with its meaning.
`<data>`	Associates to its content a machine-readable equivalent. (This element is only in the WHATWG version of the HTML standard, and not in the W3C version of HTML5).
`<time>`	Represents a date and time value, eventually with a machine-readable equivalent.
`<code>`	コンピューターのコード
`<var>`	Represents a 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.
`<samp>`	Represents the output of a program or a computer.
`<kbd>`	キーボードのキーコマンドや音声コマンドなどのユーザ入力を表します（※名称が「キーボード要素」であるにも関わらず、キーボード以外のユーザ入力も表せる点に注意が必要です）
`<sub>`,`<sup>`	Represents a subscript, respectively a superscript.
`<i>`	Represents some text in an alternate 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.
`<b>`	Represents a text which to which attention is drawn for utilitarian purposes. It doesn't convey extra importance and doesn't implicate an alternate voice.
`<u>`	Represents unarticulate non-textual annoatation, such labeling the text as being misspelt or labeling a proper name in Chinese text.
`<mark>`	Represents text highlighted for reference purposes, that is for its relevance in another context.
`<ruby>`	Represents content to be marked with ruby annotations, 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 furigana.
`<rt>`	Represents the text of a ruby annotation.
`<rp>`	Represents parenthesis around a ruby annotation, used to display the annotation in an alternate way by browsers not supporting the standard display for annotations.
`<bdi>`	Represents text that must be isolated from its surrounding for bidirectional text formatting. It allows to embed span of text with a different, or unknown, directionality.
`<bdo>`	Represents the directionality of its children, in order to explicitly override the Unicode bidirectional algorithm.
`<span>`	Represents text with no specific meaning. This has to be used when no other text-semantic element conveys an adequate meaning, which, in this case, is often brought by global attributes like `class`, `lang`, or `dir`.
`<br>`	改行（ HTML のソースコード内での改行コードは、特定の要素内のもの、或いは特定のスタイルが指定された要素内のものしか表示される文書に改行として反映されません）
`<wbr>`	Represents a line break opportunity, that is a suggested wrapping point in order to improve readability of text split on several lines.

変更要素

要素	説明
`<ins>`	文書に追加された内容である事を示す
`<del>`	文書から削除された内容である事を示す

埋め込みコンテンツ要素

要素	説明
`<img>`	画像
`<iframe>`	Represents a nested browsing context, that is an embedded HTML document.
`<embed>`	Represents a integration point for an external, often non_HTML, application or interactive content.
`<object>`	Represents an external resource, which will be treated as an image, an HTML sub-document or an external resource to be processed by a plugin.
`<param>`	Defines parameters for use by plugins invoked by `<object>` elements.
`<video>`	Represents a video, and its associated audio files and captions, with the necessary interface to play it.
`<audio>`	Represents a sound, or an audio stream.
`<source>`	Allows authors to specify alternative media resources for media elements like `<video>` or `<audio>`.
`<track>`	Allows authors to specify timed text track for media elements like `<video>` or `<audio>`.
`<canvas>`	Represents a bitmap area that scripts can be used to render graphics, like graphs, game graphics, any visual images on the fly.
`<map>`	In conjunction with `<area>`, defines an image map.
`<area>`	In conjunction with `<map>`, defines an image map.
`<svg>`	Defines an embedded vectorial image.
`<math>`	Defines a mathematical formula.

テーブルデータ要素

要素	説明
`<table>`	行と列を持つ図表。テーブル。
`<caption>`	テーブルのキャプション
`<colgroup>`	テーブルの、一つ以上の列グループを表す
`<col>`	テーブルの列を表す
`<tbody>`	Represents the block of rows that describes the concrete data of a table.
`<thead>`	Represents the block of rows that describes the column labels of a table.
`<tfoot>`	Represents the block of rows that describes the column summaries of a table.
`<tr>`	Represents a row of cells in a table.
`<td>`	Represents a data cell in a table.
`<th>`	Represents a header cell in a table.

フォーム関連要素

要素	説明
`<form>`	Represents a formular, consisting of controls, that can be submitted to a server for processing.
`<fieldset>`	フォームコントロール要素のグループ化に用いる
`<legend>`	`<fieldset>` のキャプション
`<label>`	フォームコントロールのキャプション
`<input>`	Represents a typed data field allowing the user to edit the data.
`<button>`	Represents a button.
`<select>`	Represents a control allowing the selection among a set of options.
`<datalist>`	Represents a set of predefined options for other controls.
`<optgroup>`	Represents a set of options, logically grouped.
`<option>`	Represents an option in a `<select>` element, or a suggestion of a `<datalist>` element.
`<textarea>`	Represents a multiline text edit control.
`<keygen>`	Represents a key pair generator control.
`<output>`	Represents the result of a calculation.
`<progress>`	Represents the completion progress of a task.
`<meter>`	Represents a scalar measurement (or a fractional value), within a known range

インタラクティブコンテンツ要素

要素	説明
`<details>`	Represents a widget from which the user can obtain additional information or controls.
`<summary>`	Represents a summary, caption, or legend for a given `<details>`.
`<command>`	Represents a command that the user can invoke.
`<menu>`	Represents a list of commands.

ファイル	サイズ	日時	添付者:
HTML5_tiny_logo	811 バイト	2012-08-23 07:07:19	teoli

Document Tags and Contributors

タグ:

Contributors to this page: saneyuki_s, ethertank

最終更新者: ethertank, 2013/05/11 22:32:39