HTML タグ 要素 機能別 一覧 リファレンス | HTML Element Reference
ページコンテンツ
メインルート | 機能
| 要素 ( Element ) コード | 基本 タグ 説明 |
|---|---|
<html> タグ<html> 実 例 | 書き方 サンプル | html | elementsHTML タグ <html> 要素は HTML ドキュメントにおいてルート (基点) となる要素 (トップレベル要素) であり、ルート要素とも呼ばれます。他のすべての要素は、この要素の子孫として配置しなければなりません。 |
ドキュメントメタデータ | 機能
メタデータは、ページに関する情報のことです。これはソフトウェア (検索エンジン や ブラウザー など) が利用する、およびページの描画を支援するスタイル、スクリプト、データといった情報を含む ことができます。スタイルやスクリプトのメタデータはページ内で定義するか、それらの情報を持つ別のファイルへのリンクとして定義する ことができます。
| 要素 ( Element ) コード | 基本 タグ 説明 |
|---|---|
<link> タグ<link> 実 例 | 書き方 サンプル | link | elementsHTML タグ <link> 要素は、現在の文書と外部のリソースとの関係を明示します。考えられる用途として、ナビゲーションのための関係構造の定義があります。またこの要素は、スタイルシート をリンクするためにもっとも使用されます。 |
<meta> タグ<meta> 実 例 | 書き方 サンプル | meta | elementsHTML タグ <meta> 要素は、他のメタ関連要素 (<base> タグ・<link> タグ・<script> タグ・<style> タグ・<title> タグ) で表すことができない任意の メタデータ 情報を提示する ことができます。 |
<style> タグ<style> 実 例 | 書き方 サンプル | style | elementsHTML タグ <style> 要素は、文書あるいは文書の一部分のスタイル情報を含む ことができます。デフォルトでは、この要素内に記述するスタイルが CSS であると想定されています。 |
<title> タグ<title> 実 例 | 書き方 サンプル | title | elementsHTML タグ の <title> 要素は文書のタイトルを定義します。一般的には、ブラウザーのタイトルバーかタブに表示されます。この要素はテキストのみを内容に持つことができ、包含するタグは無視されます。 |
セクショニングルート | 機能
| 要素 ( Element ) コード | 基本 タグ 説明 |
|---|---|
<body> タグ<body> 実 例 | 書き方 サンプル | body | elementsHTML タグ <body> 要素は、HTML 文書のコンテンツを示す要素です。<body> 要素は文書中に一つだけ配置できます。 |
コンテンツセクショニング | 機能
コンテンツセクショニング要素は、ドキュメントのコンテンツを論理的な断片に体系づけます。ページのコンテンツでヘッダーやフッターのナビゲーション、あるいはコンテンツのセクションを識別する見出しなどの、大まかなアウトラインを作成するためにセクショニング要素を使用する ことができます。
| 要素 ( Element ) コード | 基本 タグ 説明 |
|---|---|
<address> タグ<address> 実 例 | 書き方 サンプル | address | elementsHTML タグ <address> 要素は、祖先要素のうち、直近の <article> タグ 要素か <body> タグ 要素の著作者の連絡先情報を表示 します。後者の場合は、ドキュメント全体に適用する ことができます。 |
<article> タグ<article> 実 例 | 書き方 サンプル | article | elementsHTML タグ <article> 要素はドキュメント、ページ、アプリケーション、あるいはサイトの中で自己完結した構成物を表示 します。これは、例えば 、通信社によって独立して配信や再利用が可能であることを意図します。これはフォーラムへの投稿、雑誌や新聞の記事、ブログのエントリーが考えられるでしょう。 |
<aside> タグ<aside> 実 例 | 書き方 サンプル | aside | elementsHTML タグ <aside> 要素は、ドキュメントのメインコンテンツとの関連性が希薄なコンテンツのセクション (サイドバーとして頻繁に用いられます) を表する ことができます。 |
<footer> タグ<footer> 実 例 | 書き方 サンプル | footer | elementsHTML タグ <footer> 要素 は、自身の祖先要素の内で直近の セクショニングコンテンツ か セクショニングルート 要素のフッターを表示 します。「フッター」には通常、そのセクションの著作者に関する情報、関連ドキュメントへのリンク、著作権情報等を含めます。 |
<header> タグ<header> 実 例 | 書き方 サンプル | header | elementsHTML タグ <header> 要素は、イントロダクション、ナビゲーション等のグループを表示 します。ひとつ又は 、複数の見出し以外に、ロゴ、セクションのヘッダー部分、検索フォームなども含めることができます。 |
<h1> タグ<h1> 実 例 | 書き方 サンプル<h2> タグ<h2> 実 例 | 書き方 サンプル<h3> タグ<h3> 実 例 | 書き方 サンプル<h4> タグ<h4> 実 例 | 書き方 サンプル<h5> タグ<h5> 実 例 | 書き方 サンプル<h6> タグ<h6> 実 例 | 書き方 サンプル | h1 - h6 | elementsHTML タグ の <h1>–<h6> 要素は、セクションの見出しを6段階で表示 します。 <h1> が最上位で、 <h6> が最下位です。 |
<hgroup> タグ<hgroup> 実 例 | 書き方 サンプル | hgroup | elementsHTML タグ <hgroup> 要素は、ドキュメントのセクションの、複数レベルのヘッダーを表示 します。これは <h1>–<h6> 要素のセットをグループ化する ことができます。 |
<nav> タグ<nav> 実 例 | 書き方 サンプル | nav | elementsHTML タグ <nav> 要素は、現在の文書内の他の部分や他の文書へのナビゲーションリンクを提供するためのセクションを表示 します。ナビゲーションセクションの一般的な例としてメニュー、目次、索引があります。 |
<section> タグ<section> 実 例 | 書き方 サンプル | section | elementsHTML タグ <section> 要素は、HTML ドキュメント内に含まれている、機能的に独立したセクションを表示 します。一般的には見出しを伴っており、セクションを表すための、より具体的なセマンティック要素は持ちません。 |
インラインテキストセマンティクス | 機能
HTML インラインテキストセマンティクス要素は、単語、行、あるいは任意のテキスト範囲の意味、構造、スタイルを定義する ことができます。
| 要素 ( Element ) コード | 基本 タグ 説明 |
|---|---|
<a> タグ<a> 実 例 | 書き方 サンプル | a | elementsHTML タグ <a> 要素 (アンカー要素) は、別のウェブページ、ファイル、同一ページ内の場所、電子メールアドレス、又は 、他の URL へのハイパーリンクを作成する ことができます。 |
<abbr> タグ<abbr> 実 例 | 書き方 サンプル | abbr | elementsHTML タグ <abbr> 要素は、略語と、また任意でその略語の完全な説明を提供します。略語の説明は title 属性にすべて含める必要があります。また、他のものを含めてはいけません。 |
<b> タグ<b> 実 例 | 書き方 サンプル | b | elementsHTML タグ の <b> 要素は、特別な重要性や関連性を伴わないで通常と文体の異なるテキストの範囲を表示 します。この範囲は一般的に、ボールド体で表記されます。 |
<bdi> タグ<bdi> 実 例 | 書き方 サンプル | bdi | elementsHTML タグ <bdi> 要素 (双方向アイソレート要素) は、他部位とは異なる書字方向で書式設定するテキストの範囲を表する ことができます。 |
<bdo> タグ<bdo> 実 例 | 書き方 サンプル | bdo | elementsHTML タグ <bdo> 要素 (Bidirectional Override 要素) は、テキストの書字方向規則を部分的に上書きします。これは、文字の書字方向を無視させて特定の書字方向が選ばれるようにする ことができます。 |
<br> タグ<br> 実 例 | 書き方 サンプル | br | elementsHTML タグ <br> 要素 (HTML 改行要素) は、文中に改行 (キャリッジ・リターン) を生成します。これは、詩や散文、住所など、(段落として以外の) 文の分割が重要な文章を記述するのに便利な要素です。 |
<cite> タグ<cite> 実 例 | 書き方 サンプル | cite | elementsHTML タグ <cite> 要素は、作品を参照することを示します。この要素は作品のタイトル又は 、 URL 参照を含まなければならず、また引用メタデータを追加する際の慣習に応じて略される場合があります。 |
<code> タグ<code> 実 例 | 書き方 サンプル | code | elementsHTML タグ <code> 要素はコンピューター・コードの断片を表示 します。ほとんどのブラウザーのデフォルト・スタイルは、これを等幅フォントで描画するように指定されています。 |
<data> タグ<data> 実 例 | 書き方 サンプル | data | elementsdata要素は機械可読な形式で提供します。もし内容がtime-かdate-relatedの場合、<time> タグ要素を利用する ことができます。 |
<dfn> タグ<dfn> 実 例 | 書き方 サンプル | dfn | elementsHTML タグ <dfn> 要素は、用語の定義を表する ことができます。 |
<em> タグ<em> 実 例 | 書き方 サンプル | em | elementsHTML タグ <em> 要素は、強調されたテキストを示する ことができます。<em> 要素は入れ子にすることができ、入れ子の段階に応じてより強い程度の強調を表すことができます。 |
<i> タグ<i> 実 例 | 書き方 サンプル | i | elementsHTML タグ <i> 要素は、技術用語、外国語のフレーズ、又は 、架空の人物の思考など、何らかの理由で他のテキストと区別されるテキストの範囲を表示 します。英文においては通常斜体で表示されることの多い部分であり、ほとんどの場合、ブラウザーはこの要素に対しイタリック体のデフォルトスタイルを指定しています。 |
<kbd> タグ<kbd> 実 例 | 書き方 サンプル | kbd | elementsHTML タグ <kbd> 要素はユーザーの入力を表示 します。ており、ブラウザーの既定の等幅フォントで表示するインライン要素を生成する ことができます。 |
<mark> タグ<mark> 実 例 | 書き方 サンプル | mark | elementsHTML タグ <mark> 要素はテキストのハイライト、すなわち特定の状況における、ことができます。関連性のための参照を目的としてマークした一続きのテキストを表する ことができます。 |
<nobr> タグ<nobr> 実 例 | 書き方 サンプル | nobr | elementsnobr 要素（<nobr>） は、その内包するテキストの自動改行を無効化します。行内におさまらないテキストは、領域からはみ出てレンダリングされるか、スクロールバーを伴なって表示されます。この要素は非標準の要素であり、使用するべきではありません。代わりに、CSS の |
<q> タグ<q> 実 例 | 書き方 サンプル | q | elementsHTML タグ <q> 要素 は、その内容がインラインの引用であることを表示 します。この要素は、段落やセクションをまたがない短い引用のためのものです。長文の引用には、<blockquote> タグ 要素を使用する ことができます。 |
<rp> タグ<rp> 実 例 | 書き方 サンプル | rp | elementsHTML タグ <rp> 要素は、<ruby> タグ 要素によるルビの表示をサポートしないブラウザ向けのフォールバックとして括弧を提供するために使用する ことができます。 |
<rt> タグ<rt> 実 例 | 書き方 サンプル | rt | elementsHTML タグ <rt> 要素はルビとして提供する、文字の発音を包含します。これは東アジア言語の発音を表示するためのものであり、<rt> 要素は <ruby> タグ 要素の内部で使用する ことができます。 |
<rtc> タグ<rtc> 実 例 | 書き方 サンプル | rtc | elementsHTML タグ <rtc> 要素は、<ruby> タグ 要素内で使用する <rb> タグ 要素にルビで与える文字列の、意味を表す注釈を包含する ことができます。<rb> タグ 要素は発音の注釈 (<rt> タグ) と意味の注釈 (<rtc> タグ) の両方を持つことができます。 |
<ruby> タグ<ruby> 実 例 | 書き方 サンプル | ruby | elements<ruby> は、ルビのアノテーション（振り仮名）を用いることが可能な HTML 要素です（ルビのアノテーションとは、東アジアの言語などの語句、例えば 、漢字などの発音を示すものです）<ruby> 要素は <rt> タグ 要素や <rp> タグ 要素とともに用います。 |
<s> タグ<s> 実 例 | 書き方 サンプル | s | elementsHTML タグ <s> 要素はその範囲のテキストがすでに正確でなくなったことを表すために用います。これはほとんどの環境で、打ち消し線を伴うスタイルでレンダリングされます。ただし、編集箇所を伝える用途の場合には <del> タグ と <ins> タグ が適しています。 |
<samp> タグ<samp> 実 例 | 書き方 サンプル | samp | elementsHTML タグ <samp> 要素は、コンピュータープログラムなどからの出力を表す要素です。CSS を使用しない場合はほとんどのブラウザで、ブラウザーのデフォルトの等幅フォント (例えば 、 Lucida Console) で表示されます。 |
<small> タグ<small> 実 例 | 書き方 サンプル | small | elementsHTML タグ <small> 要素は、内包するテキストのフォントサイズをブラウザーの最小フォントサイズを限度とし、一段階縮小します (※large から medium、small から x-small)。small 要素は HTML5 において、スタイルの変更を主とした従来の視覚的・物理的な意味合いから、「細目などの注釈を表す要素」というセマンティクスに変更されています。帰属の明示や、著作権表記のために用いられます。 |
<span> タグ<span> 実 例 | 書き方 サンプル | span | elementsHTML タグ <span> 要素は、何か特定のセマンティクスを表すものではない、フレージング・コンテンツのための汎用コンテナーです。CSS によるスタイリングの用途等で、要素のグループ化が必要な場合に用います。class 属性か id 属性、lang 属性等とともに使われる 。 |
<strong> タグ<strong> 実 例 | 書き方 サンプル | strong | elementsHTML <strong> 要素は重要なテキストを表示 します。ほとんどのブラウザーのデフォルトスタイルでは、太字で描画するように指定されています。 |
<sub> タグ<sub> 実 例 | 書き方 サンプル | sub | elementsHTML タグ <sub> 要素は、表記規則の理由で小文字で、又は 、メインのテキストより小さく表示されるべきテキストの範囲を定義する ことができます。 |
<sup> タグ<sup> 実 例 | 書き方 サンプル | sup | elementsHTML タグ <sup> 要素は、表記規則の理由でメインのテキストよりも高い位置に、又は 、小さく表示されるべきテキストの範囲を定義する ことができます。 |
<time> タグ<time> 実 例 | 書き方 サンプル | time | elementsHTML タグ <time> 要素は、24 時間制の時刻又は 、 グレゴリオ暦 の正確な日付 (時刻やタイムゾーンを伴うことも可能) を表する ことができます。 |
<tt> タグ<tt> 実 例 | 書き方 サンプル | tt | elementsHTML タグ テレタイプテキスト要素 (<tt>) は、ブラウザーのデフォルトの等幅フォントで表示されるインライン要素を生成します。この要素は、テレタイプのような等幅の表示装置で表示されるテキストとしてスタイルを設定しようとするものです。おそらく、<code> タグ 要素を使用する等幅文字の表示がより一般的です。 |
<u> タグ<u> 実 例 | 書き方 サンプル | u | elementsHTML タグ <u> 要素は、内包するテキストのベースラインの下部にアンダーライン (下線) をレンダリングします。HTML5 では、「明確にレンダリングされているがはっきりと伝わらない部分」や、「すべてが漢字で構成されスペースで単語を区切る慣習もない中国語においての、固有名詞であることの明示のための特別な表記」、「スペルミスとしての印付け」などに用いられます。 |
<var> タグ<var> 実 例 | 書き方 サンプル | var | elementsHTML タグ の var 要素(<var>)は、数式やプログラムのコード中での変数を表する ことができます。 |
<wbr> タグ<wbr> 実 例 | 書き方 サンプル | wbr | elementsHTML タグ <wbr> 要素は、テキスト内でブラウザーが任意で改行を行ってよい位置を表示 します。また、この改行規則により他の場所で改行されることがなくなるでしょう。 |
テキストコンテンツ | 機能
HTML テキストコンテンツ要素は、開始タグ <body> タグと終了タグ </body>の間にあるコンテンツでブロックやセクションを編成します。これらの要素はコンテンツの用途や構造を識別するものであり、アクセシビリティ や SEO のために重要です。
| 要素 ( Element ) コード | 基本 タグ 説明 |
|---|---|
<blockquote> タグ<blockquote> 実 例 | 書き方 サンプル | blockquote | elementsHTML タグ <blockquote> 要素 (HTML ブロック引用要素) は、内包する要素のテキストが引用文であることを示します。通常、字下げを伴ってレンダリングされます。cite 属性により引用元の文書の URL を、<cite> タグ 要素により引用元の文書のタイトルなどを明示可能です。 |
<dd> タグ<dd> 実 例 | 書き方 サンプル | dd | elementsHTML タグ <dd> 要素は、定義リスト要素 (<dl> タグ) における、定義語の説明部分を表する ことができます。 |
<dir> タグ<dir> 実 例 | 書き方 サンプル | dir | elements廃止された HTML のディレクトリ要素 ( <dir> ) は、 ユーザーエージェントが適用するスタイルやアイコンを用いて表示する、ファイルやフォルダーのディレクトリのコンテナとして使われます。この要素は廃止されたので使わないでs下さい。代わりに、ファイル一覧を含め、一覧には <ul> 要素を使用して、下さい 。 |
<div> タグ<div> 実 例 | 書き方 サンプル | div | elementsHTML タグ <div> 要素はフローコンテンツのための汎用コンテナであり、本質的に何も表示 します。ません。スタイリングのためのグループ要素として (class 属性か id 属性を使用)、あるいは文書で言語が異なる部分を示す (lang 属性を使用) ために使用する ことができます。 |
<dl> タグ<dl> 実 例 | 書き方 サンプル | dl | elementsHTML タグ <dl>要素は、説明リストを表示 します。この要素は、用語とその説明のグループのリストを表示 します。一般的な使用例として、用語集の作成やメタデータ (キーと値のペアのリスト) の表示が挙げられます。 |
<dt> タグ<dt> 実 例 | 書き方 サンプル | dt | elementsHTML タグ <dt> 要素は、定義リスト中の用語を表す部分です。この要素は、<dl> タグ の子要素としてのみ用いることができます。後続する <dd> タグ 要素により、先行する <dt> の用語を定義します。複数の <dt> 要素を続けて配置し、後続する <dd> タグ 要素でまとめてそれらを定義することも可能です。 |
<figcaption> タグ<figcaption> 実 例 | 書き方 サンプル | figcaption | elementsHTML タグ <figcaption> 要素は、直接の親要素となる <figure> タグ 要素の中で、自身以外のデータで描かれる図やイラストに関連付けられたキャプションや説明を表する ことができます。<figcaption> は <figure> タグ 要素内の子要素として入れることができます。<figure> タグ 要素において、figcaption 要素は必須というわけではありません。figcaption 要素が省略された場合は、親の <figure> タグ 要素はキャプションを持たないものとみなされます。 |
<figure> タグ<figure> 実 例 | 書き方 サンプル | figure | elementsHTML タグ <figure> 要素は図表などの自己完結型のコンテンツを表す要素です。多くの場合、キャプション (<figcaption> タグ) を伴って使用され、単独のユニットとして参照されます。 |
<hr> タグ<hr> 実 例 | 書き方 サンプル | hr | elementsHTML タグ <hr> 要素は、段落間のテーマ (例えば 、物語の中でのシーンの変化や、話題の転換など) の意味的な区切りを表示 します。過去のバージョンの HTML では区切り線として定義されており、また現行のブラウザーもこれを踏襲したデフォルト・スタイルを持っています。しかし、視覚的な区切り線としてではなく、あくまで意味的な用途としての使用が推奨されます。 |
<li> タグ<li> 実 例 | 書き方 サンプル | li | elementsHTML タグ <li> 要素は、リストの項目を表すために用いられます。この要素は、そのアイテムが属する順序リスト (<ol> タグ)、順不同リスト (<ul> タグ)、メニュー (<menu> タグ) のいずれかの子要素として配置する必要があります。メニュー要素および順不同リスト要素内においては、各リストアイテムは通常ビュレットを伴って表示され、順序リスト内では、数字や文字による連番のリストマーカーを伴って描画されます。 |
<main> タグ<main> 実 例 | 書き方 サンプル | main | elementsmain 要素(<main>)は、ドキュメントやアプリケーションの body 要素 (<body> タグ) の主な内容を表示 します。主な内容は中心的なトピックの主なコンテンツやアプリケーションの中心的な機能に直接関連する内容で構成されます。</main> |
<ol> タグ<ol> 実 例 | 書き方 サンプル | ol | elementsHTML タグ 順序付きリスト要素 (<ol>) は、項目の順序付きリストを表示 します。て、一般的に番号付きリストとして表示する ことができます。 |
<p> タグ<p> 実 例 | 書き方 サンプル | p | elementsHTML タグ <p> 要素は、パラグラフ (段落) を表する ことができます。 |
<pre> タグ<pre> 実 例 | 書き方 サンプル | pre | elementsHTML タグ <pre> 要素は、整形済みテキスト (preformatted text) を表示 します。この要素内のテキストは一般的に、ファイル内でのレイアウトをそのまま反映して等幅 ("monospace") フォントで表示されます。この要素内のホワイトスペース文字はそのまま表示する ことができます。 |
<ul> タグ<ul> 実 例 | 書き方 サンプル | ul | elementsHTML タグ <ul> 要素は、順不同のアイテムを持つリストを表示 します。一般的に、ビュレットを伴うリストとして描画されます。 |
画像とマルチメディア | 機能
HTML は画像、音声、映像といった、さまざまなマルティメディアリソースをサポートする ことができます。
| 要素 ( Element ) コード | 基本 タグ 説明 |
|---|---|
<area> タグ<area> 実 例 | 書き方 サンプル | area | elementsHTML タグ <area> 要素は画像のホットスポット領域の定義、また任意で領域と ハイパーテキストリンク の関連づけを行います。この要素は <map> タグ 要素内だけで使用する ことができます。 |
<audio> タグ<audio> 実 例 | 書き方 サンプル | audio | elementsHTML タグ <audio> 要素は、ドキュメント内に音声コンテンツを埋め込むために使用します。この要素は、1 つ以上の音声ソースを含むことができます。音声ソースは src 属性又は 、 <source> タグ 要素を使用し 、表示 します。、ブラウザーはもっとも適切なソースを選択します。また、MediaStream タグ を使用し 、ストリーミングメディアを指し示すこともできます。 |
<img> タグ<img> 実 例 | 書き方 サンプル | img | elementsHTML タグ <img> 要素 (HTML 画像要素) は、ドキュメントに画像を表示する ことができます。 |
<map> タグ<map> 実 例 | 書き方 サンプル | map | elementsHTML タグ <map> 要素はイメージマップ (クリック可能なリンク領域) を定義するために、<area> タグ 要素とともに使用する ことができます。 |
<track> タグ<track> 実 例 | 書き方 サンプル | track | elementsHTML タグ track 要素はメディア要素 (<audio> タグ および <video> タグ) の子として使用します。この要素は自動的に処理される字幕など、時間指定された 、テキストトラック (又は 、時系列データ) を指定できます。トラックは WebVTT (Web Video Text Tracks) 形式 (.vtt ファイル) で整形する ことができます。 |
<video> タグ<video> 実 例 | 書き方 サンプル | video | elementsHTML タグ <video> 要素は、文書に映像コンテンツを埋め込むために用いられます。 |
埋め込みコンテンツ | 機能
HTML は公式にサポートするマルチメディアコンテンツ以外のさまざまなコンテンツを、容易に対話できるとは限らないものであっても埋め込むことができます。
| 要素 ( Element ) コード | 基本 タグ 説明 |
|---|---|
<applet> タグ<applet> 実 例 | 書き方 サンプル | applet | elementsHTML タグ applet 要素 (<applet>) は、Java アプレットの包含を示する ことができます。 |
<embed> タグ<embed> 実 例 | 書き方 サンプル | embed | elementsHTML タグ <embed> 要素は、外部のアプリケーションやインタラクティブコンテンツ (言い換えると、プラグイン) との統合箇所を表する ことができます。 |
<noembed> タグ<noembed> 実 例 | 書き方 サンプル | noembed | elementsこの <noembed> 要素は、要素をサポートしていないブラウザ <embed> や、作成者が使用したい埋め込みコンテンツの種類をサポートしていないブラウザに対して、代わりの、つまり「フォールバック」なコンテンツを提供するための、時代遅れの非標準的な方法です。 |
<object> タグ<object> 実 例 | 書き方 サンプル | object | elements埋め込みオブジェクト要素 (The Embedded Object element) (<object>) は、「画像」、「ネストされたブラウジング・コンテキスト」、又は 、「プラグインによって処理されリソースとして扱うことが可能なもの」の何らかの外部リソースを表示 します。</object> |
<param> タグ<param> 実 例 | 書き方 サンプル | param | elementsHTML タグ <param> 要素は、<object> タグ 要素のパラメーターを定義するための HTML 要素です。 |
<picture> タグ<picture> 実 例 | 書き方 サンプル | picture | elementsHTML <picture> 要素は、特定の<img> タグのための複数の<source> タグを含むことができるコンテナです。ブラウザは、現在のページレイアウト（画像が表示されるボックスの制約）と（通常やhiDPIデバイスのような）表示のためのデバイスに応じて最適な source を選択する ことができます。 |
<source> タグ<source> 実 例 | 書き方 サンプル | source | elementsHTML タグ <source> 要素は <picture> タグ 要素、<audio> タグ 要素又は 、 <video> タグ 要素に対し、複数のメディアリソースを指定します。この要素自体は空要素です。この要素は一般的に、同一のメディアコンテンツを ブラウザーごとにサポートの異なる複数のメディア形式 で提供する場合に用います。 |
スクリプティング | 機能
動的なコンテンツやウェブアプリケーションを作成するために、HTML ではスクリプト言語を使用できます。もっとも有名な言語は、JavaScript です。いくつかの要素がスクリプト機能をサポートする ことができます。
| 要素 ( Element ) コード | 基本 タグ 説明 |
|---|---|
<canvas> タグ<canvas> 実 例 | 書き方 サンプル | canvas | elementsHTML タグ の <canvas> 要素 と Canvas スクリプティング API を使用し 、グラフィックスやアニメーションを描画することができます。 |
<noscript> タグ<noscript> 実 例 | 書き方 サンプル | noscript | elementsNoScript 要素、です。（<noscript>）はページで使用中のスクリプト言語が閲覧者のブラウザーでサポートされていないタイプである場合や、ブラウザーの設定でスクリプトが無効にされている場合に表示するセクションを表する ことができます。 |
<script> タグ<script> 実 例 | 書き方 サンプル | script | elementsHTML タグ <script> 要素は実行可能なスクリプトを埋め込み、又は 、外部参照するコードを指定する際に用いられます。 |
編集範囲の特定 | 機能
これらの要素は、テキストの特定の範囲が変更されたことを示する ことができます。
| 要素 ( Element ) コード | 基本 タグ 説明 |
|---|---|
<del> タグ<del> 実 例 | 書き方 サンプル | del | elementsHTML タグ <del> 要素は、文書から削除されたテキストの範囲を表示 します。一般的にこの要素は (必須ではありませんが) 打ち消し線のスタイルを伴って描画されます。 |
<ins> タグ<ins> 実 例 | 書き方 サンプル | ins | elementsHTML タグ <ins> 要素は、文書に追加されたテキストの範囲を表する ことができます。 |
テーブルコンテンツ | 機能
以下の要素は、表形式のデータを作成および制御するために使用する ことができます。
| 要素 ( Element ) コード | 基本 タグ 説明 |
|---|---|
<caption> タグ<caption> 実 例 | 書き方 サンプル | caption | elementsテーブルのタイトルはHTML <caption> 要素& で示します。これは<table> タグ の最初の子要素として配置しなければなりませんが、スタイリング面では、CSSを用いればテーブルから相対的な他のところに配置出来ます。 |
<col> タグ<col> 実 例 | 書き方 サンプル | col | elementsHTML Table Column 要素 (<col>) はテーブル内の列を定義して、すべての一般セルに共通の意味を定義するために使用します。この要素は通常、<colgroup> タグ 内にみられます。 |
<colgroup> タグ<colgroup> 実 例 | 書き方 サンプル | colgroup | elementsHTML タグ <colgroup> 要素は、テーブル内の列のグループを定義する ことができます。 |
<table> タグ<table> 実 例 | 書き方 サンプル | table | elementsHTML タグ の table 要素、です。（<table>）は、 2 つ又は 、それ以上の次元のデータを表する ことができます。 |
<tbody> タグ<tbody> 実 例 | 書き方 サンプル | tbody | elementsHTML タグ <tbody> 要素は <table> タグ 要素を親として、内部に表の本体を表す <tr> タグ 要素を定義します ( 要素を table 要素直下の子要素として配置しない場合に限る)。 |
<td> タグ<td> 実 例 | 書き方 サンプル | td | elementsHTML タグ <td> 要素は、テーブルでデータを包含するセルを定義します。これはテーブルモデルに関与する ことができます。 |
<tfoot> タグ<tfoot> 実 例 | 書き方 サンプル | tfoot | elementsHTML タグ <tfoot> 要素は、テーブルの列を総括する行のセットを定義する ことができます。 |
<th> タグ<th> 実 例 | 書き方 サンプル | th | elementsHTML タグ <th> 要素は、テーブルのセルのグループ用のヘッダーであるセルを定義します。このグループの性質は、scope 属性と headers 属性で定義する ことができます。 |
<thead> タグ<thead> 実 例 | 書き方 サンプル | thead | elementsHTML タグ <thead> 要素は、テーブルの列のヘッダーを表す行のセットを定義する ことができます。 |
<tr> タグ<tr> 実 例 | 書き方 サンプル | tr | elementsHTML タグ <tr> 要素は、テーブルのひとつの行で構成される <tr> ブロックを内部に持つマークアップを明示します。行の内部で <th> タグ 要素および <td> タグ 要素が、それぞれ見出しやデータのセルを生成する ことができます。 |
フォーム | 機能
HTML では、ユーザーがデータを記入してウェブサイトやアプリケーションに送信することを可能にするフォームを作成するために、組み合わせて使用する要素をいくつか提供します。フォームに関する多くの情報を、HTML フォームガイド に掲載しています。
| 要素 ( Element ) コード | 基本 タグ 説明 |
|---|---|
<button> タグ<button> 実 例 | 書き方 サンプル | button | elementsHTML タグ の <button> 要素は、クリック可能なボタンを表する ことができます。 |
<datalist> タグ<datalist> 実 例 | 書き方 サンプル | datalist | elementsHTML タグ <datalist> 要素は、他のコントロールで使用可能な候補となる値を表す <option> タグ 要素のセットを内包する ことができます。 |
<fieldset> タグ<fieldset> 実 例 | 書き方 サンプル | fieldset | elementsHTML タグ <fieldset> 要素は label 要素 (<label> タグ) のような役割に加え、フォーム内部品のグループ化の働きをする ことができます。 |
<form> タグ<form> 実 例 | 書き方 サンプル | form | elementsHTML タグ <form> 要素は、ユーザーがウェブサーバーに情報を送信できるようにするインタラクティブなコントロールを含むドキュメントセクションを表する ことができます。 |
<input> タグ<input> 実 例 | 書き方 サンプル | input | elementsHTML タグ <input> 要素は、ユーザーからデータを受け取るための、ウェブベースのフォーム用のインタラクティブなコントロールを作成するために使用する ことができます。 |
<label> タグ<label> 実 例 | 書き方 サンプル | label | elementsHTML タグ <label> 要素はユーザーインターフェイス内のアイテムのキャプションを表する ことができます。 |
<legend> タグ<legend> 実 例 | 書き方 サンプル | legend | elementsHTML タグ <legend> 要素は、その親要素である <fieldset> タグ のキャプションを表する ことができます。 |
<meter> タグ<meter> 実 例 | 書き方 サンプル | meter | elementsHTML タグ の <meter> 要素は、既知の範囲内のスカラー値、又は 、小数値を表する ことができます。 |
<optgroup> タグ<optgroup> 実 例 | 書き方 サンプル | optgroup | elementsHTML タグ の <optgroup> 要素はウェブフォームにおいて <select> タグ 要素内の、選択肢 (<option> タグ) のグループを作成する ことができます。 |
<option> タグ<option> 実 例 | 書き方 サンプル | option | elementsウェブフォームにおいて HTML <option> 要素は、<select> タグ 要素、<optgroup> タグ 要素、<datalist> タグ 要素内で項目を定義します。したがって、<option> は HTML ドキュメントでポップアップメニューのメニュー項目や、その他の項目の一覧を表すことができます。 |
<output> タグ<output> 実 例 | 書き方 サンプル | output | elementsHTML タグ <output> 要素は、何らかの計算やユーザーによるアクションの結果を表する ことができます。 |
<progress> タグ<progress> 実 例 | 書き方 サンプル | progress | elementsHTML タグ <progress> 要素は、タスクの進捗状況の表示に使われます。通常はプログレスバーとして表示されます。 |
<select> タグ<select> 実 例 | 書き方 サンプル | select | elementsHTML タグ の <select> 要素は、選択式のメニューを提供するコントロールを表する ことができます。 |
<textarea> タグ<textarea> 実 例 | 書き方 サンプル | textarea | elementsHTML タグ <textarea> 要素は、複数行のプレーンテキスト編集コントロールを表する ことができます。 |
インタラクティブ要素 | 機能
HTML には、インタラクティブなユーザーインターフェイスを作成するための要素があります。
| 要素 ( Element ) コード | 基本 タグ 説明 |
|---|---|
<details> タグ<details> 実 例 | 書き方 サンプル | details | elementsHTML タグ <details> 要素は、ユーザーに追加の詳細情報を提供する「ディスクロージャー・ウィジェット」を表する ことができます。 |
<dialog> タグ<dialog> 実 例 | 書き方 サンプル | dialog | elementsHTML タグ <dialog> 要素は、ダイアログボックスやインスペクターやウィンドウのようなそのほかのインタラクティブコンポーネントを表示 します。method="dialog"属性を指定することで、ダイアログ<form>要素を統合できます。このようなフォームが送信されたとき、returnValue属性が送信ボタンの値に設定されて閉じられます。 |
<menu> タグ<menu> 実 例 | 書き方 サンプル | menu | elementsHTML タグ <menu> 要素は、ユーザーが実行又は 、アクティブ化可能なコマンドのグループを表示 します。これはスクリーンの上部にあるリストメニューや、ボタンを押したときにボタンの下部に現れるようなコンテキストメニューを含む ことができます。 |
<menuitem> タグ<menuitem> 実 例 | 書き方 サンプル | menuitem | elementsHTML タグの menuitem 要素 (<menuitem>) は、ユーザがポップアップメニュから実行できるコマンドをあらわします。メニューボタンに割り当てるメニューはもちろん、コンテキストメニューも含む ことができます。 |
<summary> タグ<summary> 実 例 | 書き方 サンプル | summary | elementsHTML タグ <summary> 要素は <details> タグ 要素の内容の要約、キャプション、説明を表する ことができます。 |
Webコンポーネント | 機能
Web Components は要するに、独自の要素を作成して通常の HTML 要素であるかのように使用できる、HTML 関連技術です。加えて、独自版の標準 HTML 要素を作成することもできます。
| 要素 ( Element ) コード | 基本 タグ 説明 |
|---|---|
<content> タグ<content> 実 例 | 書き方 サンプル | content | elementsHTML タグの <content> 要素は insertion point として Shadow DOM 内で使用されています。 通常の HTML での使用は意図されていません。Web Components で使用されています。現在では <slot> 要素に置き換えられています。 |
<element> タグ<element> 実 例 | 書き方 サンプル | element | elementsHTML タグ<element> 要素は、新しいカスタムDOM要素を定義するために使用されます。 |
<shadow> タグ<shadow> 実 例 | 書き方 サンプル | shadow | elementsHTML タグ<shadow> 要素 (Web Components 技術スイートの廃止された部分) は shadow DOM の insertion point として使用するものでした。shadow ホスト配下に複数の shadow ルートを生成する場合に使用します。これは通常の HTML としては役立ちません。 |
<slot> タグ<slot> 実 例 | 書き方 サンプル | slot | elements <slot> Webコンポーネントテクノロジースイートの一部であるHTML 要素は、Webコンポーネント内のプレースホルダで、独自のマークアップで埋め込むことができます。これにより、別々のDOMツリーを作成して提示することができます。 |
<template> タグ<template> 実 例 | 書き方 サンプル | template | elementsHTML タグ template 要素 <template> は、ページの読み込み時に描画されず、後で JavaScript を使用し 、インスタンス生成できるクライアントサイドのコンテンツを保持するメカニズムです。 |
廃止又は 、非推奨の要素 | 機能
警告: 以下は非推奨の古い HTML 要素であり、使用するべきものではありません。新たなプロジェクトではこれらを使用せず、また既存のプロジェクトでも可能な限りこれらを置き換えてください。 この一覧は、情報提供のために記載しています。
| 要素 ( Element ) コード | 基本 タグ 説明 |
|---|---|
<acronym> タグ<acronym> 実 例 | 書き方 サンプル | acronym | elementsHTML の頭字語要素 (<acronym>) は、頭字語又は 、略語の単語を構成する文字の並びを明示することができます。この要素は HTML5 で削除されました。 <abbr> タグ 要素を使用して、下さい 。 |
<applet> タグ<applet> 実 例 | 書き方 サンプル | applet | elementsHTML applet 要素 (<applet>) は、Java アプレットの包含を示する ことができます。 |
<basefont> タグ<basefont> 実 例 | 書き方 サンプル | basefont | elementsHTML の basefont 要素 (<basefont>) は、文書の基本のフォントサイズを設定します。これを基準としたフォントサイズを <font> タグ 要素で指定する ことができます。 |
<bgsound> タグ<bgsound> 実 例 | 書き方 サンプル | bgsound | elementsHTML の背景音要素 (<bgsound>) は Internet Explorer のみに実装されており、そのページが使用されている間の背景として再生される音声ファイルを設定します。代わりに <audio> タグ 要素を使用して、下さい 。 |
<big> タグ<big> 実 例 | 書き方 サンプル | big | elementsHTML Big 要素 (<big>) は、内包するテキストの font size をブラウザーの最大フォントサイズを限度に一段階大きくします (※ small から medium、large から x-large)。 |
<blink> タグ<blink> 実 例 | 書き方 サンプル | blink | elementsHTML Blink 要素 (<blink>) は内包するテキストを点滅させるための、非標準の要素です。 |
<center> タグ<center> 実 例 | 書き方 サンプル | center | elementsHTML のセンター要素 （<center>）は ブロックレベル の要素で段落や他のブロックレベルの要素やインライン要素を含むことができます。含んでいる要素の中の全体のコンテンツを水平方向にセンタリングします 。このタグは HTML 4 （及び XHTML）で非推奨要素に指定され、HTML5 で完全に廃止されています。代替として CSS の text-align プロパティを用い、この属性値に center を指定する事で同じ表現を実現可能です（※その際、対象とする要素のスタイルは display: block 等になっていなくてはなりません。インライン要素はテキストの中央寄せは出来ません）。ブロックをセンタリングするには margin-left やmargin-right といった別の CSS プロパティを使用し 、、値に auto を設定します (又は 、 margin に 0 auto を設定)。 |
<command> タグ<command> 実 例 | 書き方 サンプル | command | elementscommand 要素は、ユーザーが実行可能なコマンドを表する ことができます。 |
<content> タグ<content> 実 例 | 書き方 サンプル | content | elementsHTML タグの <content> 要素は insertion point として Shadow DOM 内で使用されています。 通常の HTML での使用は意図されていません。Web Components で使用されています。現在では <slot> 要素に置き換えられています。 |
<dir> タグ<dir> 実 例 | 書き方 サンプル | dir | elements廃止された HTML のディレクトリ要素 ( <dir> ) は、 ユーザーエージェントが適用するスタイルやアイコンを用いて表示する、ファイルやフォルダーのディレクトリのコンテナとして使われます。この要素は廃止されたので使わないでs下さい。代わりに、ファイル一覧を含め、一覧には <ul> 要素を使用して、下さい 。 |
<element> タグ<element> 実 例 | 書き方 サンプル | element | elementsThe HTML タグ <element> 要素は、新しいカスタムDOM要素を定義するために使用されます。 |
<font> タグ<font> 実 例 | 書き方 サンプル | font | elementsフォント要素（<font>）はその内包するテキストの、フォントサイズ、文字色、使用フォントを定義する ことができます。 |
<frame> タグ<frame> 実 例 | 書き方 サンプル | frame | elements<frame> は、別の HTML ドキュメントを表示できる個々の領域を定義する HTML 要素です。frame 要素は <frameset> タグ の内部で使用する ことができます。 |
<frameset> タグ<frameset> 実 例 | 書き方 サンプル | frameset | elements<frameset> は、<frame> タグ 要素を包含するために使用する HTML 要素です。 |
<image> タグ<image> 実 例 | 書き方 サンプル | image | elementsHTML タグ <image> 要素は、時間の霧の中に失われた古代版HTMLの廃止された残骸です。 <img> 代わりに標準要素を使用し 、ください。真剣にも、この要素を記述するときには、文字通り「尋ねないでください」という言葉を使用し 、います。 |
<isindex> タグ<isindex> 実 例 | 書き方 サンプル | isindex | elements<isindex> は廃止された HTML 要素であり、ドキュメントに問い合わせを行うためのテキストフィールドをページに追加する ことができます。 |
<keygen> タグ<keygen> 実 例 | 書き方 サンプル | keygen | elementsHTML <keygen> 要素は、鍵の材料の生成を容易にするため、および HTML フォーム の一部として公開鍵を送信するための要素です。この仕組みは、ウェブベースの証明書管理システムと合わせて使用するものとして設計されています。証明書の要求に必要な他の情報を伴う HTML フォームで <keygen> 要素を使用し 、、その処理結果が署名済み証明書になることを想定しています。 |
<listing> タグ<listing> 実 例 | 書き方 サンプル | listing | elementsHTML の Listing 要素 (<listing>) は、開始タグと終了タグの間にあるテキストを HTML として解釈せず、等幅フォントを使用し 、表示します。HTML 2 標準では、1 行が 132 文字を超えない場合は改行すべきではないと勧告しています。 |
<marquee> タグ<marquee> 実 例 | 書き方 サンプル | marquee | elementsHTML の <marquee> 要素はテキストがスクロールする領域を挿入します。要素の属性を使用し 、、テキストがコンテンツ領域の端に達したときにどうするかを制御できます。 |
<menu> タグ<menu> 実 例 | 書き方 サンプル | menu | elementsHTML タグ <menu> 要素は、ユーザーが実行又は 、アクティブ化可能なコマンドのグループを表示 します。これはスクリーンの上部にあるリストメニューや、ボタンを押したときにボタンの下部に現れるようなコンテキストメニューを含む ことができます。 |
<menuitem> タグ<menuitem> 実 例 | 書き方 サンプル | menuitem | elementsHTMLの menuitem 要素 (<menuitem>) は、ユーザがポップアップメニュから実行できるコマンドをあらわします。メニューボタンに割り当てるメニューはもちろん、コンテキストメニューも含む ことができます。 |
<multicol> タグ<multicol> 実 例 | 書き方 サンプル | multicol | elementsHTML タグ複数列レイアウト要素、です。（ <multicol> ）は、複数列のレイアウトを可能にするために設計された実験的な要素であり、使用し 、はいけません。 |
<nextid> タグ<nextid> 実 例 | 書き方 サンプル | nextid | elements <nextid> は、NeXTウェブ設計ツールがそのアンカーのための自動NAMEラベルを生成するのを可能にするために役立つ古くなったHTML要素です。 |
<nobr> タグ<nobr> 実 例 | 書き方 サンプル | nobr | elementsnobr 要素（<nobr>） は、その内包するテキストの自動改行を無効化します。行内におさまらないテキストは、領域からはみ出てレンダリングされるか、スクロールバーを伴なって表示されます。この要素は非標準の要素であり、使用するべきではありません。代わりに、CSS の |
<noembed> タグ<noembed> 実 例 | 書き方 サンプル | noembed | elementsこの <noembed> 要素は、要素をサポートしていないブラウザ <embed> や、作成者が使用したい埋め込みコンテンツの種類をサポートしていないブラウザに対して、代わりの、つまり「フォールバック」なコンテンツを提供するための、時代遅れの非標準的な方法です。 |
<noframes> タグ<noframes> 実 例 | 書き方 サンプル | noframes | elements<noframes> は、古い HTML における No Frames 又は 、 frame fallback 要素であり、 <frame> タグ 要素に対応していない（又は 、対応を無効化した）ブラウザーのためのコンテンツを提供する ことができます。 |
<plaintext> タグ<plaintext> 実 例 | 書き方 サンプル | plaintext | elementsPlaintext 要素（<plaintext>）は、開始タグ以降を HTML としてではなくプレーンテキストとして解してレンダリングさせます。開始タグ以降は全てプレーンテキスト扱いになるので、終了タグはありません。 |
<shadow> タグ<shadow> 実 例 | 書き方 サンプル | shadow | elementsHTML <shadow> 要素 (Web Components 技術スイートの廃止された部分) は shadow DOM の insertion point として使用するものでした。shadow ホスト配下に複数の shadow ルートを生成する場合に使用します。これは通常の HTML としては役立ちません。 |
<spacer> タグ<spacer> 実 例 | 書き方 サンプル | spacer | elements<spacer> は、ウェブページにホワイトスペースを挿入するための廃止された HTML 要素です。ウェブデザイナーによって用いられていた 1px の透過 GIF 画像 (いわゆるスペーサー GIF) の挿入と同様の効果を実現するために Netscape 社が実装したものです。しかし <spacer> はほとんどの主要ブラウザーでサポートされず、また、同様の効果は CSS を用いて実現可能です。 |
<strike> タグ<strike> 実 例 | 書き方 サンプル | strike | elementsHTML の打消し線要素（<strike>）は、その範囲のテキストを打消し線付きで描画する ことができます。 |
<tt> タグ<tt> 実 例 | 書き方 サンプル | tt | elementsHTML テレタイプテキスト要素 (<tt>) は、ブラウザーのデフォルトの等幅フォントで表示されるインライン要素を生成します。この要素は、テレタイプのような等幅の表示装置で表示されるテキストとしてスタイルを設定しようとするものです。おそらく、<code> タグ 要素を使用する等幅文字の表示がより一般的です。 |
<xmp> タグ<xmp> 実 例 | 書き方 サンプル | xmp | elementsxmp (Example) 要素 (<xmp>) は、その開始タグから終了タグまでの間の HTML タグを HTML として解釈せず、等幅フォントでレンダリングします。HTML2 はこれが 1 行当たり 80 文字を表示するのに充分な幅でレンダリングするよう推奨しています。 |
