HTML5 の要素 - 開発者ガイド

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>`	Representsemphasized text, like a stress accent.
`<strong>`	Represents especiallyimportant text.
`<small>`	Represents aside comment, that is text like a disclaimer, a copyright which is not essential to the comprehension of the document.
`<s>`	Represents content that is nolonger accurate or relevant.
`<cite>`	Represents thetitle of a work.
`<q>`	インラインの短い引用。段落をまたぐ様な引用には `blockquote` 要素を用います。
`<dfn>`	Represents a term whosedefinition is contained in its nearest ancestor content.
`<abbr>`	Represents anabbreviation or anacronym, eventually with its meaning.
`<data>`	Associates to its content amachine-readable equivalent. (This element is only in the WHATWG version of the HTML standard, and not in the W3C version of HTML5).
`<time>`	Represents adate andtime value, eventually with a machine-readable equivalent.
`<code>`	コンピューターのコード
`<var>`	Represents avariable, 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 theoutput of a program or a computer.
`<kbd>`	キーボードのキーコマンドや音声コマンドなどのユーザ入力を表します（※名称が「キーボード要素」であるにも関わらず、キーボード以外のユーザ入力も表せる点に注意が必要です）
`<sub>`,`<sup>`	Represents asubscript, respectively asuperscript.
`<i>`	Represents some text in analternate 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 forutilitarian purposes. It doesn't convey extra importance and doesn't implicate an alternate voice.
`<u>`	Representsunarticulate non-textual annoatation, such labeling the text as being misspelt or labeling a proper name in Chinese text.
`<mark>`	Represents text highlighted forreference purposes, that is for its relevance in another context.
`<ruby>`	Represents content to be marked withruby 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 Japanesefurigana.
`<rt>`	Represents thetext of a ruby annotation.
`<rp>`	Representsparenthesis 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 beisolated from its surrounding for bidirectional text formatting. It allows to embed span of text with a different, or unknown, directionality.
`<bdo>`	Represents thedirectionality 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 noother 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 aline break opportunity, that is a suggested wrapping point in order to improve readability of text split on several lines.

変更要素

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

埋め込みコンテンツ要素

要素	説明
`<img>`	画像
`<iframe>`	Represents anested browsing context, that is an embedded HTML document.
`<embed>`	Represents aintegration point for an external, often non_HTML, application or interactive content.
`<object>`	Represents anexternal resource, which will be treated as an image, an HTML sub-document or an external resource to be processed by a plugin.
`<param>`	Definesparameters for use by plugins invoked by `<object>` elements.
`<video>`	Represents avideo, and its associated audio files and captions, with the necessary interface to play it.
`<audio>`	Represents asound, or anaudio stream.
`<source>`	Allows authors to specify alternative media resources for media elements like `<video>` or `<audio>`.
`<track>`	Allows authors to specify timedtext track for media elements like `<video>`or `<audio>`.
`<canvas>`	Represents abitmap 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 animage map.
`<area>`	In conjunction with `<map>`, defines animage map.
`<svg>`	Defines an embeddedvectorial image.
`<math>`	Defines amathematical formula.

テーブルデータ要素

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

フォーム関連要素

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

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

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