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 この要素は HTML5 で追加された要素です。 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.


要素 説明
Represents the main content of an HTML document. There is only one <body> element in a document.
<section> この要素は HTML5 で追加された要素です。 Defines a section in a document
<nav> この要素は HTML5 で追加された要素です。 Defines a section that contains only navigation links
<article> この要素は HTML5 で追加された要素です。 Defines self-contained content that could exist independantly of the rest of the content
<aside> この要素は HTML5 で追加された要素です。 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> この要素は HTML5 で追加された要素です。 Groups a set of <h1> to <h6> elements when a heading has multiple levels
<header> この要素は HTML5 で追加された要素です。 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> この要素は HTML5 で追加された要素です。 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> この要素は HTML5 で追加された要素です。 Represents a figure illustrated a part of the document.
<figcaption> この要素は HTML5 で追加された要素です。 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> この要素は HTML5 で追加された要素です。 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> この要素は HTML5 で追加された要素です。 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> この要素は HTML5 で追加された要素です。 Represents text highlighted forreference purposes, that is for its relevance in another context.
<ruby> この要素は HTML5 で追加された要素です。 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> この要素は HTML5 で追加された要素です。 Represents thetext of a ruby annotation.
<rp> この要素は HTML5 で追加された要素です。 Representsparenthesis around a ruby annotation, used to display the annotation in an alternate way by browsers not supporting the standard display for annotations.
<bdi> この要素は HTML5 で追加された要素です。 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> この要素は HTML5 で追加された要素です。 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> この要素は HTML5 で追加された要素です。 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> この要素は HTML5 で追加された要素です。 Represents avideo, and its associated audio files and captions, with the necessary interface to play it.
<audio> この要素は HTML5 で追加された要素です。 Represents asound, or anaudio stream.
<source> この要素は HTML5 で追加された要素です。 Allows authors to specify alternative media resources for media elements like <video> or <audio>.
<track> この要素は HTML5 で追加された要素です。 Allows authors to specify timedtext track for media elements like <video>or <audio>.
<canvas> この要素は HTML5 で追加された要素です。 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> この要素は HTML5 で追加された要素です。 Defines an embeddedvectorial image.
<math> この要素は HTML5 で追加された要素です。 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> この要素は HTML5 で追加された要素です。 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> この要素は HTML5 で追加された要素です。 Represents akey pair generator control.
<output> この要素は HTML5 で追加された要素です。 Represents theresult of a calculation.
<progress> この要素は HTML5 で追加された要素です。 Represents thecompletion progress of a task.
<meter> この要素は HTML5 で追加された要素です。 Represents a scalarmeasurement (or a fractional value), within a known range


要素 説明
<details> この要素は HTML5 で追加された要素です。 Represents awidget from which the user can obtain additional information or controls.
<summary> この要素は HTML5 で追加された要素です。 Represents asummary,caption, orlegend for a given <details>.
<command> この要素は HTML5 で追加された要素です。 Represents acommand that the user can invoke.
<menu> この要素は HTML5 で追加された要素です。 Represents alist of commands.



このページの貢献者: mfuji09, wbamberg, ethertank, saneyuki_s
最終更新者: mfuji09,