HTML要素

HTML 要素は、 HTML (HyperText Markup Language) ドキュメントコンポーネントの一種で、HTML ノードの複数の種類のうちの 1 つです (テキストノード、コメントノードなどもあります)。^{[あいまい]} HTML の最初のバージョンは、 1993 年にTim Berners-Leeによって作成され、それ以来、多くのバージョンの HTML が存在しています。現在の事実上の標準は、業界団体WHATWGによって管理されており、HTML Living Standard として知られています。

HTML ドキュメントは、テキストノードなどの単純な HTMLノードと、ドキュメントの一部に意味と書式設定を追加する HTML 要素のツリーで構成されます (例: テキストを太字にする、段落、リスト、表に整理する、ハイパーリンクや画像を埋め込む)。各要素には HTML 属性を指定できます。要素には、他の要素やテキストなどのコンテンツを含めることもできます。

コンセプト

要素とタグ

一般的に理解されているように、要素の位置は開始タグから始まり、終了タグで終了します。^{[1]これは、HTML文書内の多くの要素に当てはまりますが、すべての要素に当てはまるわけではありません。この区別は}、HTML 4.01仕様で明確に強調されています。

要素はタグではありません。要素をタグと呼ぶ人もいます (例: 「P タグ」)。要素とタグ (開始タグまたは終了タグ) は別物であることを覚えておいてください。たとえば、マークアップで開始タグと終了タグの両方が欠落している場合でも、HEAD 要素は常に存在します。^[1]

同様に、W3C 勧告HTML 5.1 第 2 版では次のように明示的に述べられています。

タグは、マークアップ内の要素の開始と終了を区切るために使用されます。(...) 特定の通常要素の開始タグと終了タグは省略できますが、(...)
要素の内容は、開始タグの直後 (場合によっては暗黙的にとなる場合があります) と終了タグの直前 (これも場合によっては暗黙的にとなる場合があります) の間に配置する必要があります。
— HTML 5.1 第 2 版 § 8.1.2. 要素 § タグ

そして：

特定のタグは省略 できます。
注:
要素の開始タグ (...) を省略しても、要素が存在しないわけではありません。暗黙的に存在しますが、要素は存在します。たとえば、HTML ドキュメントには、<html>文字列が<html>マークアップのどこにも表示されない場合でも、常にルート要素が存在します。
— HTML 5.1 第2版 § 8.1.2.4. オプションタグ

HTML（HTML5より前）はSGML ^[2] に基づいているため、その解析は文書型定義（DTD）、具体的にはHTML DTD（例：HTML 4.01 ^[3]^{[注 1]}）にも依存します。DTDは、どの要素タイプが可能か（つまり、要素タイプのセットを定義する）と、それらが文書内に現れる有効な組み合わせを指定します。一般的なSGMLの動作の一部として、有効な構造が1つしか存在しない場合（DTDごとに）、どの文書でもその明示的なステートメントは一般的に必要ありません。簡単な例として、段落要素の開始を示すタグは、段落要素の終了を示すタグによって補完される必要があります。しかし、DTDでは段落要素をネストできないと規定されているため、HTML文書フラグメントはと同等であると推論されます。（ある段落要素が別の段落要素を含むことができない場合、現在開いている段落は、別の段落を開始する前に閉じる必要があります。）この含意はDTDと個々の文書の組み合わせに基づいているため、通常は文書タグのみから要素を推測することはできず、DTDの知識を持つSGML（またはHTML）対応パーサーを使用することによってのみ推測できます。HTML5は、省略できるタグを定義することで同様の結果を生み出します。^[4]<p></p><p>Para 1 <p>Para 2 <p>Para 3<p>Para 1 </p><p>Para 2 </p><p>Para 3

SGML と XML

SGMLは複雑であるため、広く理解され採用されるには限界があります。XMLはよりシンプルな代替手段として開発されました。どちらも DTD を使用して、サポートされている要素と、ドキュメント構造として許可されているそれらの組み合わせを指定できますが、XML の解析の方がシンプルです。タグから要素への関係は、SGML の一部である暗黙のクロージャなしで、ドキュメントに含まれる実際のタグを解析する関係です。^{[注 2]}

現在のウェブで使用されている HTML は、 XHTMLまたはHTML5として XML として扱われる可能性があります。どちらの場合でも、ドキュメントタグをドキュメントオブジェクトモデル(DOM) 要素に解析することは、従来の HTML システムに比べて簡素化されています。要素の DOM が取得されると、インターフェイスの上位レベル (例: 画面レンダリング) での動作は同一か、ほぼ同じになります。^{[注 3]}

`%block;`対ボックス

この CSS プレゼンテーション動作の一部は、「ボックスモデル」の概念です。これは、CSS 宣言を通じて設定され、CSS が「ブロック」要素であると見なす要素に適用されます。 display: block;

HTML にも似たような概念がありますが、異なるため、この 2 つはよく混同されます。%block;およびは、%inline;HTML DTD 内のグループで、要素を「ブロックレベル」または「インライン」としてグループ化します。^[6]これは、要素のネスト動作を定義するために使用されます。ブロックレベル要素は、インラインコンテキストに配置することはできません。^{[注 4]}この動作は変更できません。DTD で固定されています。ブロック要素とインライン要素には、デフォルトで適切な異なるCSS動作が関連付けられています。^[6]これには、特定の要素タイプに対するボックスモデルの関連性が含まれます。

ただし、この CSS の動作はデフォルトから変更される可能性があり、頻繁に変更されることに注意してください。を含むリストは要素であり、デフォルトではブロック要素として表示されます。ただし、CSS を使用してこれらをインラインリストとして表示するように設定することは非常に一般的です。^[7]<ul><li> ...%block;

概要

構文

\overbrace {\overbrace {{\mathtt {\color {BrickRed}}\color {Magenta}\underbrace {\mathtt {class}} _{\mathsf {\color {Black}{Attribute \atop name}}}{\mathtt {=''}}\!\underbrace {\mathtt {paragraph}} _{\mathsf {\color {White}{Attr} \atop \color {Black}Attribute\ value}}''{\mathtt {\color {BrickRed}>}}} ^{\mathsf {Start\ tag}}\overbrace {\mathtt {\color {Green}This\ is\ a\ paragraph.}} ^{\mathsf {Content}}\overbrace {\mathtt {\color {BrickRed}}>}} ^{\mathsf {End \atop tag}}} ^{\mathsf {要素}}

HTMLコンテナ要素の構成要素

HTML 構文では、ほとんどの要素は開始タグと終了タグで記述され、その間にコンテンツが配置されます。HTMLタグは、要素名と、その周囲を山括弧で囲んだもので構成されます。終了タグには、開始タグと区別するために、開始山括弧の後にスラッシュが付きます。たとえば、要素で表される段落は<p>、次のように記述されます。

< p > HTML 構文では、ほとんどの要素は次のように記述されます... </ p >

しかし、これらの要素のすべてに終了タグ、さらには開始タグが必要なわけではありません。 ^{[4]いわゆる}空要素 と呼ばれる要素には終了タグがありません。典型的な例は<br>(hard line-break) 要素です。空要素の動作は事前に定義されており、コンテンツや他の要素を含めることはできません。たとえば、住所は次のように記述されます。

< p > P. シャーマン< br > 42 ワラビー ウェイ< br >シドニー</ p >

XHTML を使用する場合、void 要素を含むすべての要素の開始と終了が必要です。これは、開始タグの直後に終了タグを配置することで実行できますが、これは HTML 5 では無効であり、2 つの要素が作成されます。void 要素であることを指定する別の方法は、XHTML と HTML 5 の両方と互換性があり、タグの末尾/にを配置することです (終了タグの先頭のと混同しないでください)。 /

< p > P. シャーマン< br  /> 42 ワラビー ウェイ< br  />シドニー</ p >

HTML 属性は開始タグ内で指定されます。たとえば、略語<abbr>を表す要素は、開始タグ内に属性が必要です。これは次のように記述されます。 title

< abbr  title = "略語" >略語。</ abbr >

非公式には、HTML 要素は「タグ」 (提喩の例) と呼ばれることもありますが、要素の開始と終了を区切るマークアップを厳密に参照する場合は、タグという用語を好んで使用しています。

要素名（および属性名）は、HTMLでは大文字と小文字の任意の組み合わせで記述できますが、XHTMLでは小文字で記述する必要があります。^[8]HTML 4までは大文字が標準形式で、HTML仕様でも使用されていましたが、近年では小文字が一般的になっています。

要素の種類

HTML要素には、通常の要素、生のテキスト要素、および空要素の 3 種類があります。

通常の要素には通常、開始タグと終了タグの両方がありますが、一部の要素では終了タグまたは両方のタグを省略できます。同様の方法で構築されます。

任意の数のHTML 属性を組み込むことができる要素の開始を示す開始タグ( ) 。<tag>
テキストやその他の要素を含む、ある程度のコンテンツ。
終了タグ。要素名の前にスラッシュが付きます。</tag>

生のテキスト要素(テキスト要素またはテキストのみの要素とも呼ばれます) は、次の要素で構成されます。

任意の数の HTML 属性を組み込むことができる要素の開始を示す開始タグ(形式)。<tag>
ある程度のテキストコンテンツがありますが、要素はありません (該当する終了タグを除くすべてのタグがコンテンツとして解釈されます)。
終了タグ。要素名の前にスラッシュが付きます。HTMLの一部のバージョンでは、一部の要素に対して終了タグはオプションです。XHTML では終了タグは必須です。</tag>

一例として、要素があります。この要素には<title>、他の要素 (テキストのマークアップを含む) を含めることはできず、プレーンテキストのみを含める必要があります。

空要素(空要素、単一要素、スタンドアロン要素とも呼ばれる) には、HTML 属性を含む開始タグ (形式 ) のみが含まれます。テキストやその他の要素などの子を含めることはできません。XHTML との互換性のためHTML仕様^[^which?^]、オプションのスペースとスラッシュ^[^要出典^](は許容されます) が許可されています。スラッシュは、XHTMLおよびその他のXMLアプリケーションで必須です。一般的な 2 つの空要素は(詩や住所などのハード改行(テーマ区切り ) です。その他のそのような要素は、多くの場合、イメージ ( ) 要素などの外部ファイルを参照するプレースホルダーです。要素に含まれる属性は、問題の外部ファイルを指します。空要素のもう 1 つの例はで、構文は次のとおりです。 <tag><tag /><br /><hr /><img /><link />

< link  rel = "スタイルシート"  href = "fancy.css"  type = "text/css" >

この要素は、HTML ドキュメントをユーザーに表示するときに使用するスタイルシート<link />をブラウザーに指示します。HTML 構文では、属性が特定の文字 (文字、数字、ハイフン、マイナス、ピリオド) のみで構成されている場合は、属性を引用符で囲む必要はありません。一方、XML 構文 (XHTML) を使用する場合は、すべての属性を引用符で囲む必要があり、最後の山括弧の前にスペース付きの末尾のスラッシュが必要です。

<link rel= "スタイルシート" href= "fancy.css" type= "text/css" />

属性

HTML 属性は、必要な動作を定義したり、追加の要素プロパティを示します。ほとんどの属性には値が必要です。HTML では、値にスペースが含まれていない場合は引用符で囲まずにそのままにまたは)で囲むこともできます。XMLでは、これらの引用符は必須です。 attribute=valueattribute='value'attribute="value"

一方、ブールchecked属性では値を指定する必要はありません。チェックボックスの例は次のとおりです。

<入力 タイプ=チェックボックスがオン >

ただし、 XML (およびXHTML ) 構文では値が必須であり、名前を値として繰り返す必要があります。

<input type= "チェックボックス"チェック済み= "チェック済み" />

要素基準

HTML 要素は、1995 年以降、最初はIETFによって、その後W3Cによって発行された、無料で利用できる一連のオープンスタンダードで定義されています。

1990 年代のブラウザ戦争では、ユーザーエージェント( Web ブラウザなど) の開発者が独自の要素を開発することが多く、その一部はその後の標準に採用されました。他のユーザーエージェントは非標準の要素を認識できず、無視され、ページが不適切に表示される可能性があります。

1998年にXML（SGMLの簡略化された形式）は、誰でも独自の要素を開発し、それをXHTML文書に組み込んでXML対応のユーザーエージェントで使用できるメカニズムを導入しました。^[9]

その後、 HTML 4.01 はXML互換の形式である XHTML 1.0 ( eXtensible HTML )に書き直されました。それぞれの要素は同一であり、ほとんどの場合、有効な XHTML 1.0 ドキュメントは有効またはほぼ有効な HTML 4.01 ドキュメントになります。特に明記しない限り、この記事は主に実際の HTML に焦点を当てていますが、XHTML にも適用できます。両者の細かい違いについては、 HTML を参照してください。

要素のステータス

HTMLの最初のバージョン以来、いくつかの要素は時代遅れになり、後の標準では非推奨になったり、まったく表示されなくなったりしており、その場合、それらは無効です（検証ユーザーエージェントによって無効と判断され、表示されない可能性があります）。^[10]

HTML 4.01 / XHTML 1.0では、 3 種類のDTDが存在するため、要素のステータスが複雑になります。

移行的なものには、非推奨の要素が含まれていますが、作成者が実践を更新できる移行期間を提供することを意図しています。
Frameset は、作成者がフレームセット文書を記述できるようにする Transitional DTD のバージョンです。
Strict は、HTML の最新形式 (1999 年時点) です。

HTML5では、代わりに標準化された規範コンテンツに合わせて廃止された機能のリストを提供しています。これらは、実装手順が存在する「廃止されているが準拠している」機能と、置き換える必要がある「非準拠」機能に分類されています。^[11]

最初の標準 ( HTML 2.0 ) には 4 つの非推奨要素が含まれており、そのうち 1 つはHTML 3.2では無効でした。4 つすべてがHTML 4.01 Transitionalでは無効であり、さらに 10 個の要素が非推奨になりました。これらすべてと他の 2 つはHTML 4.01 Strictでは無効です。フレーム要素は Transitional および Frameset DTD に存在するという意味ではまだ現行ですが、その機能が大幅に置き換えられており、ユーザーのアクセシビリティに非常に問題があるため、将来の標準で保持する予定はありません。

（厳密に言えば、最新のXHTML標準であるXHTML 1.1（2001）にはフレームが全く含まれておらず、XHTML 1.0 Strictとほぼ同等ですが、Rubyマークアップモジュールも含まれています。）^[12]

よくある混乱の原因は、非推奨と無効な状態の両方を指すためにdeprecatedを曖昧に使用したり、将来正式に非推奨になると予想される要素を指すために deprecated を使用することです。

コンテンツとプレゼンテーションと行動

HTML 4以降、HTMLはコンテンツ（表示可能なテキストと画像）とプレゼンテーション（色、フォントサイズ、レイアウトなど）の分離にますます重点を置くようになりました。^{[13]これはしばしば}関心の分離と呼ばれます。HTMLは文書の構造やコンテンツを表すために使用され、そのプレゼンテーションはCSSスタイルシートの唯一の責任です。デフォルトのスタイルシートはCSS標準の一部として提案されており、HTMLのデフォルトのレンダリングを提供します。^[14]

動作（インタラクティブ性）もコンテンツとは別に保持され、スクリプトによって処理されます。画像はテキストとは別のグラフィックファイルに含まれていますが、ページのコンテンツの一部と見なすこともできます。

関心の分離により、文書は目的や能力に応じて異なるユーザーエージェントによって提示されます。たとえば、ユーザーエージェントは適切なスタイルシートを選択して、モニターに表示したり、紙に印刷したり、音声のみのユーザーエージェントで音声特性を判別したりして文書を提示できます。マークアップの構造的および意味的機能は、いずれの場合も同じです。

歴史的に、ユーザーエージェントはこれらの機能を常にサポートしていたわけではありませんでした。1990年代には、暫定的な措置として、相互運用性とユーザーアクセシビリティの問題を引き起こすという代償を払って、プレゼンテーション要素（や<b>など<i>）がHTMLに追加されました。これは現在では時代遅れとみなされ、スタイルシートベースのデザインに取って代わられており、ほとんどのプレゼンテーション要素は現在では非推奨となっています。^[15]

<img />外部画像ファイルは、要素または要素に組み込まれます<object />。（XHTMLでは、SVG言語を使用して文書内にグラフィックを書き込むこともできますが、外部SVGファイルへのリンクの方が一般的に簡単です。）^[16]画像が純粋に装飾的でない場合は、HTMLでは、非視覚的ユーザーエージェントに同様の意味的価値を持つ置換コンテンツを提供できます。

HTML ドキュメントは、スクリプトを使用して拡張し、HTML ハイパーリンクやフォームの機能を超えた追加の動作を提供することもできます。

要素<style>とは、関連するHTML 属性<script>とともに、スタイルシートとスクリプトを提供します。

ドキュメントのヘッダーでは、<style />とを<script />使用して共有外部ドキュメントにリンクしたり、<style>...</style>とを使用して<script>...</script>埋め込み指示を含めたりすることができます。(<link>要素はスタイルシートへのリンクにも使用できます。)
<script />または、<script>...</script>ドキュメント内の任意の場所（ヘッダーまたは本文）に出現する可能性があります。
この属性は、インラインスタイル指示を含めるために、styleほとんどのドキュメント本体要素 (例 ) で有効です。<div style="...">
スクリプトへのリンクを提供するイベント処理属性は、ほとんどの要素でオプションです。
スクリプトを操作しないユーザーエージェントの場合、<noscript>...</noscript>要素は適切な場所に埋め込まれた代替コンテンツを提供します。ただし、この要素はドキュメントのヘッダーと本文でブロックレベル要素としてのみ使用できます。

文書構造要素

<html>...</html>: HTMLドキュメントのルート要素。他のすべての要素はここに含まれます。HTML 要素は、HTML ドキュメントの開始と終了を区切ります。; 開始タグと終了タグは省略できる（HTML5）。^[4]; HTML 2.0 で標準化され、現在も有効です。
<head>...</head>: (子要素についてはドキュメントのヘッド要素を参照してください。)
HTML ドキュメントの情報とメタデータを処理するためのコンテナー。; 開始タグと終了タグは省略可能で、子要素から推測される（HTML5）。^[4]; HTML 5.0 で標準化されており、現在も有効です。
<body></body>: (子要素についてはドキュメント本体の要素を参照してください。)
HTML ドキュメントの表示可能なコンテンツを格納するコンテナー。; 開始タグと終了タグは省略可能で、子要素から推測される（HTML5）。^[4]; HTML 2.0 で標準化され、現在も有効です。

ドキュメントのヘッド要素

<base />

ドキュメント内のすべての相対リンクおよびその他のリンクのベース URL を指定します。外部リソースを参照する要素の前に表示する必要があります。HTML では、ドキュメントごとに 1 つの要素のみが許可されます。この要素にはHTML 属性がありますが、コンテンツはありません。href<base>

この要素の開発バージョン ( ) は、 HTML タグBASEに記載されています。HTML 2.0 で標準化されており、現在も有効です。

<basefont /> (deprecated)

ドキュメントの基本フォントサイズ、書体、色を指定します。<font>要素と一緒に使用します。スタイルシートを使用する方が望ましいため、非推奨です。

HTML 3.2 で標準化されていますが、 HTML 4.0 Transitional では非推奨であり、 HTML 4.0 Strict では無効です。

<isindex /> (deprecated)

<isindex>文書のヘッダーまたは本文に出現できますが、文書内で出現できるのは 1 回だけです。フォームを参照してください。

<link />

前のリンクや次のリンク、代替バージョンなど、他のドキュメントへのリンクを指定します。 ^[17]一般的な使用法は、という形式を使用して外部スタイルシートにリンクすることです。^[18] あまり一般的ではありませんが重要な使用法は、マイクロフォーマットを使用してナビゲーションのヒントを一貫して提供することです。次のような、Webページ内ではなくブラウザインターフェースを通じてユーザーに公開される可能性のあるいくつかの一般的な関係が定義されています。ドキュメントの要素には、任意の数の要素を含めることができます。この要素にはHTML属性がありますが、コンテンツはありません。<link rel="stylesheet" type="text/css" href="url" title="description_of_style"><link rel="next" href="url"><head><link />

LINKHTML インターネットドラフト 1.2に存在し、 HTML 2.0 で標準化され、現在も使用されています。

<meta />

ドキュメントに関する追加のメタデータを指定するために使用できます。たとえば、作成者、発行日、有効期限、言語、ページタイトル、ページの説明、キーワード、または他のヘッダー要素やHTML 属性では提供されないその他の情報などです。要素は汎用的な性質を持つため、<meta />連想キーと値のペアを指定します。一般に、meta 要素はドキュメントに関する非表示の情報を伝えます。複数の meta タグを使用できますが、それらはすべて head 要素内にネストする必要があります。各<meta />要素の特定の目的は、その属性によって定義されます。XHTML 以外では、 void 要素であるにもかかわらず、スラッシュ ( ) なしで指定されることがよくあります。<meta>

ある形式では、要素は、実際のコンテンツの前にWeb サーバーから送信されるHTTP<meta />ヘッダーを指定できます。たとえば、は、値がであるというHTTP ヘッダーを使用してページが提供されることを指定します。 <meta http-equiv="foo" content="bar" />foobar

一般的な形式では、<meta />要素はname、contentHTML ページの側面を説明する関連する HTML 属性をscheme指定します。曖昧さを回避するために、オプションの 3 番目の属性を指定して、キーとその値の意味を定義するセマンティックフレームワークを指定できます。たとえば、要素のは、DCまたはDublin Core リソース記述フレームワークのという値を持つ要素を含むものとして識別されます。<meta name="foo" content="bar" scheme="DC" /><meta />foobar

HTML 2.0 で標準化され、現在も有効です。

<object>...</object>

ドキュメントヘッダー内に汎用オブジェクトを含めるために使用されます。<head>要素内で使用されることはほとんどありませんが、外部データを抽出して現在のドキュメントに関連付けるために使用される可能性があります。

HTML 4.0 で標準化されており、現在も有効です。

<script>...</script>

スクリプト命令のコンテナとして機能したり、オプションsrc属性を使用して外部スクリプトにリンクしたりできます。^[19]また、ドキュメント本体でブロックコンテンツまたはインラインコンテンツの両方を動的に生成するためにも使用できます。

HTML 3.2 で標準化されており、現在も有効です。

<style>...</style>

文書のCSSスタイルを指定します。通常はの形式で指定します。スタイル指示のコンテナとして機能したり、外部スタイルシートへのリンクとして使用したりできます。たとえば、CSSでは、の形式で指定します。^[20]<style type="text/css"> ... </style>@import <style> @import url; </style>

HTML 3.2 で標準化されており、現在も有効です。

<title>...</title>

このタグはドキュメントのタイトルを定義します。すべてのHTMLおよびXHTMLドキュメントで必須です。ユーザーエージェントはさまざまな方法でタイトルを使用できます。例:

Web ブラウザでは通常、ウィンドウが開いているときはウィンドウのタイトルバーに表示され、ウィンドウが最小化されているときは(該当する場合)タスクバーに表示されます。
ページを保存するときにデフォルトのファイル名になる場合があります。
<title> 要素は Web ページで 1 回だけ使用できます。別のページを作成するときは、新しいタイトルを持つ別の <title> 要素を再度使用します (Web サイト内のすべてのタイトルタグに同じ名前を付けないでください。検索エンジンに問題が発生する可能性があります)。
Web 検索エンジンのWeb クローラーは、タイトルに使用されている単語に特に注目する場合があります。

要素<title>には他の要素を含めることはできません。テキストのみを含めることができます。<title>ドキュメントでは 1 つの要素のみが許可されます。

HTML タグに存在し、HTML 2.0 で標準化され、現在も使用されています。

文書本体の要素

ビジュアルブラウザーでは、表示可能な要素はブロックまたはインラインとしてレンダリングされます。すべての要素はドキュメントシーケンスの一部ですが、ブロック要素は親要素内に表示されます。

線をまたいで分割されない長方形のオブジェクトとして。
ブロックの余白、幅、高さのプロパティは、周囲の要素とは独立して設定できます。

逆に、インライン要素はドキュメントテキストのフローの一部として扱われ、余白、幅、高さを設定することはできず、行をまたいで改行されます。

ブロック要素

ブロック要素、またはブロックレベル要素は長方形の構造を持ちます。デフォルトでは、これらの要素は親要素の幅全体に広がるため、他の要素が同じ水平方向のスペースを占めることはできません。

ブロック要素の長方形構造はボックスモデルとも呼ばれ、複数の部分で構成されています。各要素には次のものが含まれます。

要素のコンテンツは、要素の開始タグと終了タグの間に配置された実際のテキスト (またはその他のメディア) です。
要素のパディングは、コンテンツの周囲のスペースですが、要素の一部を形成します。パディングは、2 つの要素の間に空白を作成するために使用しないでください。背景画像や背景色など、要素に割り当てられた背景スタイルは、パディング内に表示されます。要素のパディングのサイズを大きくすると、この要素が占めるスペースの量が増えます。
要素の境界線は要素の絶対的な端であり、その要素の周囲に広がります。境界線の太さによって要素のサイズが大きくなります。
要素の余白とは、要素を囲む空白のことです。他の要素のコンテンツ、パディング、境界線は、高度なCSS配置によって強制されない限り、この領域に入ることはできません。ほとんどの標準DTD を使用すると、異なる要素の左と右の余白は互いに押しのけられます。一方、要素の上部または下部の余白は重ならず、混ざり合います。つまり、これらの要素間の余白は、それらの間の大きい方の余白と同じ大きさになります。

上記のセクションは、CSS レンダリングの詳細な実装のみを参照しており、HTML 要素自体には関係ありません。

基本テキスト

<p>...</p>: おそらく最も一般的なブロックレベル要素である段落を作成します。; PHTML タグに存在し、HTML 2.0 で標準化され、現在も使用されています。
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>: 異なるレベルのセクション見出し。はh1、最上位の見出し、h2次のレベル (サブセクション)、h3その下のレベル、というように区切られますh6。これらは、まとめてタグと呼ばれることもあります。タグでは、n は使用可能な見出しレベルのいずれかを意味します。ほとんどのビジュアルブラウザーでは、デフォルトで見出しが大きな太字のテキストとして表示されますが、これはCSSで上書きできます。見出し要素は、大きなテキストや太字のテキストを作成するためだけのものではありません。実際、テキストを明示的にスタイル設定するために使用すべきではありません。むしろ、文書の構造と構成を記述するものです。一部のプログラムでは、アウトラインや目次を生成するために見出し要素を使用します。hn; 見出しはHTML タグに存在し、 HTML 2.0 で標準化され、現在も使用されています。

説明リスト（別名、連想リストまたは定義リスト）は、名前と値のグループで構成され、^[21] HTML5以前は定義リストとして知られていました。^[22]説明リストは、「用語と定義、メタデータのトピックと値、質問と回答、またはその他の名前と値のデータグループ」のグループを対象としています。^[23]

DLHTML タグに存在し、HTML 2.0 で標準化され、現在も使用されています。

<dt>...</dt>

説明リスト内の名前 (以前は定義リスト内の定義用語)。

DTHTML タグに存在し、HTML 2.0 で標準化され、現在も使用されています。

<dd>...</dd>

説明リスト内の値 (以前は定義リスト内の定義データ)。

DDHTML タグに存在し、HTML 2.0 で標準化され、現在も使用されています。

<ol>...</ol>

順序付き (列挙型) リスト。type属性を使用してリストで使用するマーカーの種類を指定できますが、スタイルシートを使用するとさらに細かく制御できます。デフォルトはアラビア数字です。HTML 属性の場合: ; または CSS 宣言の場合: – を次のいずれかに置き換えます。 <ol type="foo">ol { list-style-type: foo; }foo

A、B、C ... – HTML 値: A; CSS 値:upper-alpha
a、b、c ... – HTML 値: a; CSS 値:lower-alpha
I、II、III ... – HTML 値: I; CSS 値:upper-roman
i、ii、iii ... – HTML 値: i; CSS 値:lower-roman
1、2、3 ... – HTML 値: 1;decimal

CSS には、 CJKnone 、ヘブライ語、グルジア語、アルメニア語のスクリプト用の、およびオプションなど、純粋な HTML マークアップとしては利用できないいくつかのオプションがあります。属性は HTML 3.2 および 4.01 では非推奨ですが、HTML 5 では非推奨ではありません。

OLHTML インターネットドラフト 1.2に存在し、 HTML 2.0 で標準化され、現在も使用されています。

<ul>...</ul>

順序なし (箇条書き) リスト。リスト項目マーカーの種類は、HTML 属性; または CSS 宣言 – で指定できます。を、次のいずれかに置き換えます(HTML と CSS で同じ値が使用されます)。 (デフォルト)、、または。HTML5 では CSS メソッドのみがサポートされています。属性は HTML 3.2 および 4.01 では非推奨です。CSS では、およびこれらの箇条書きをカスタム画像に置き換える機能も提供されています。<ul type="foo">ul { list-style-type: foo; }foodiscsquarecirclenone

ULHTML タグに存在し、HTML 2.0 で標準化され、現在も使用されています。

<li>...</li>

ol順序付き ( ) または順序なし ( ) リスト内のリスト項目ul。

LIHTML タグに存在し、HTML 2.0 で標準化され、現在も使用されています。

<dir>...</dir> (deprecated)

ディレクトリリスト。この要素の本来の目的は広くサポートされたことがなく、に取って代わられて非推奨になりました。<ul>

DIRHTML タグに存在し、HTML 2.0 で標準化されましたが、 HTML 4.0 Transitional では非推奨となり、 HTML 4.0 Strict では無効です。

その他のブロック要素

<address>...</address>: ドキュメント作成者の連絡先情報。; ADDRESSHTML タグに存在し、HTML 2.0 で標準化され、現在も使用されています。
<article>...</article>: 記事やその他の同様のコンテンツに使用されます。; HTML5で標準化されています。
<aside>...</aside>: サイドバーや広告など、メインページのコンテンツとは別のドキュメント内のコンテンツに使用されます。; HTML5で標準化されています。
<blockquote>...</blockquote>: ブロックレベルの引用。引用に段落などのブロックレベルの要素が含まれる場合。cite属性 (<cite> 要素と混同しないでください) はソースを示すことができ、完全修飾されたUniform Resource Identifierである必要があります。
ビジュアルブラウザーでのブロック引用のデフォルトの表示は、通常、両方の余白からインデントされます。これにより、意味に関係なく、段落をインデントするためだけに要素が不必要に使用されるようになりました。ブロックレベル要素を含まない引用については、引用 (<q>) 要素を参照してください。; BLOCKQUOTEHTML インターネットドラフト 1.2に存在し、 HTML 2.0 で標準化されました。現在も有効です。詳細については、blockquote 要素を参照してください。
<center>...</center> (deprecated): ブロックレベルの中央揃えの区切りを作成します。スタイルシートを使用して中央揃えが定義された <div> または別の要素を使用する方が望ましいため、非推奨です。; HTML 3.2 で標準化されています。HTML 4.0 では非推奨です。HTML5 ではサポートされていません。
<del>...</del>: コンテンツの削除されたセクションをマークします。この要素はインラインとしても使用できます。; HTML 4.0 で標準化されており、現在も有効です。
<div>...</div>: ブロックレベルの論理区分。通常はスタイルシートやDOM呼び出しによって制御されるプレゼンテーションや動作などの目的で、ドキュメントのセクションを区別するために使用される、意味論的な意味を持たない汎用要素です。; HTML 3.0 ドラフトで提案され、HTML 3.2 で標準化され、現在も有効です。
<figure>...</figure>: 画像とキャプションをグループ化するために使用します<figcaption>。; HTML5で標準化されています。
<figcaption>...</figcaption>: 画像のキャプション。常に<figure>要素内に配置されます。; HTML5で標準化されています。
<footer>...</footer>: ドキュメントのフッターに使用されます。作成者や著作権の情報、または他のページへのリンクが含まれる場合があります。; HTML5で標準化されています。
<header>...</header>: ドキュメントのヘッダーに使用されます。通常、これらにはページを紹介するコンテンツが含まれます。; HTML5で標準化されています。
<hr />: テーマ別の区切り（元来は水平線）。プレゼンテーションのルールはスタイルシートで描画できます。; HTML 2.0 で標準化され、現在も有効です。
<ins>...</ins>: 挿入されたコンテンツのセクションをマークします。この要素はインラインとしても使用できます。; HTML 4.0 で標準化されており、現在も有効です。
<main>...</main>: ドキュメントの主要なコンテンツが含まれます。; HTML 5.1 で標準化されました。
<menu>...</menu>: HTML 2.0: メニューリスト。<ul>リストよりもコンパクトにする必要があります。; MENUHTML タグに存在し、HTML 2.0 で標準化されましたが、 HTML 4.0 Transitional では非推奨となり、HTML 4.0 Strict では無効になりました。その後、HTML5 で再定義され、HTML 5.2 で削除されましたが、2019 年の HTML Living Standard には含まれています。
<nav>...</nav>: 記事のナビゲーションセクション (他の Web ページへのリンクを含む Web ページの領域) で使用されます。; HTML5で標準化されています。
<noscript>...</noscript>: スクリプトの置換コンテンツ。スクリプトとは異なり、これはブロックレベル要素としてのみ使用できます。; HTML 4.0 で標準化されており、現在も有効です。
<pre>...</pre>: 書式設定されたテキスト。この要素内のテキストは通常、ファイル内に配置されているとおりに非比例フォントで表示されます ( ASCII アートを参照)。ブラウザは他の HTML 要素の空白を<pre>...</pre>無視しますが、では空白は作成どおりにレンダリングされます。(CSS プロパティを使用すると、他の要素を同様に表示できます。) この要素には、<image>、<object>、<big>、<small>、<sup>、<sub>...</sub> を除く任意のインライン要素を含めることができます。{ white-space: pre; font-family: monospace; }; PREHTML インターネットドラフト 1.2に存在し、 HTML 2.0 で標準化され、現在も使用されています。
<section>...</section>: ドキュメントの一般的なセクションに使用されます。これは、W3C が同様のテーマを持つコンテンツのグループとして定義するページのセクションを含めるためにのみ使用されるという点で、<div> とは異なります。; HTML5で標準化されています。
<script>...</script>: ドキュメントにスクリプトを配置します。また、ヘッドおよびインラインコンテキストでも使用できます。スクリプトをロードする URL を指定する属性として使用したり、埋め込まれたスクリプトコンテンツの周囲として使用したり<script />できます。注:自体はブロック要素でもインライン要素でもありません。それ自体ではまったく表示されませんが、ブロックコンテンツまたはインラインコンテンツの両方を動的に生成する指示を含めることができます。src<script>...</script> <script>; HTML 3.2 で標準化されており、現在も有効です。

インライン要素

インライン要素は要素内に直接配置することはできず、ブロックレベル要素内に完全にネストされる必要があります。^[24]<body>

アンカー

<a>...</a>

アンカー要素は、ウェブデザイナーがウェブページ上のテキストにURLを「固定」するために使用できるため、アンカーと呼ばれます。ユーザーがブラウザでウェブページを表示すると、テキストをクリックしてリンクをアクティブにし、リンク内のURLのページにアクセスすることができます。^[25]

HTMLでは、「アンカー」はハイパーリンクの起点（アンカーテキスト）またはターゲット（リンク先）の端になります。起点として、属性を設定すると^{[26]ハイパーリンクが作成され、外部}URLを使用して文書の別の部分または別のリソース（Webページなど）を指すことができます。ターゲットとして、またはHTML属性を設定すると、フラグメント識別子を介して Uniform Resource Locator（URL）から要素にリンクできます。起点とアンカーの2つの形式は同時に使用できます。hrefnameid

idHTML5では、属性を使用することで任意の要素をターゲットにすることができるようになったため^[27]、を使用する必要はありませんが、このアンカー追加方法は引き続き機能します。<a name="foo">...</a>

例えば、目次セクションのヘッダーは例.comのホームページは、次のように記述することでターゲットにすることができます。<h2><a name="contents">Table of contents</a></h2>

この例を続けると、セクションがターゲットとしてマークアップされたので、次のようなリンクを使用して外部サイトから参照できます。<a href="http://example.com#contents">see contents</a>

または、同じページ上の次のようなリンクを使用します。<a href="#contents">contents, above</a>

属性titleを設定すると、リンクに関する簡単な情報を提供できます: 。<a href="URL" title="additional information">link text</a>

ほとんどのグラフィカルブラウザでは、カーソルをリンクの上に置くと、カーソルが人差し指を伸ばした手の形に変わり、値がツールヒントまたはその他の方法でtitle表示されます。一部のブラウザではalt テキストを同じようにレンダリングしますが、これは仕様で要求されているものではありません。

AHTML タグに存在し、HTML 2.0 で標準化されました。

フレーズ要素

フレーズ要素は、フレーズをマークアップし、テキストの断片に構造や意味を追加するために使用されます。たとえば、タグ<em>と<strong>タグはテキストに強調を追加するのに使用できます。

一般的な

<abbr>...</abbr>: 略語をマークし、完全な形式を使用できるようにします。<abbr title="abbreviation">abbr.</abbr>; HTML 4.0 で標準化されており、現在も有効です。
<acronym>...</acronym> (deprecated): 要素に似ていますが、頭字語を示します。<abbr><acronym title="Hyper-Text Mark-up Language">HTML</acronym>; HTML 4.0で標準化され、現在も有効ですが、 HTML5ではサポートされていません。推奨される代替はabbrタグです。^[28]
<dfn>...</dfn>: 単一の用語のインライン定義。; DFNHTML インターネットドラフト 1.2に存在し、HTML 3.2 で完全に標準化され、現在も有効です。
<em>...</em>: 強調（通常は斜体で表示）; EMHTML インターネットドラフト 1.2に存在し、 HTML 2.0 で標準化され、現在も使用されています。
<strong>...</strong>: 重要度; 本来は強い強調（慣例的に太字で表示）。聴覚ユーザーエージェントは強調に異なる音声を使用する場合があります。; STRONGHTML インターネットドラフト 1.2に存在し、 HTML 2.0 で標準化されました。現在も使用されており、HTML5 で再定義されています。

コンピュータフレーズ要素

これらの要素は、ソースコード ( )、変数 ( )、ユーザー入力 ( )、および端末またはその他の出力 ( )を区別することにより、コンピュータコードの開発とユーザー操作を文書化するために主に役立ちます。 <code><var><kbd><samp>

<code>...</code>: コードスニペット ( code example)。通常は等幅フォントで表示されます。; CODEHTML インターネットドラフト 1.2に存在し、 HTML 2.0 で標準化され、現在も使用されています。
<kbd>...</kbd>: キーボード – ユーザーが入力するテキスト ( kbd example)。; KBDHTML インターネットドラフト 1.2に存在し、 HTML 2.0 で標準化され、現在も使用されています。
<samp>...</samp>: サンプル出力 – プログラムまたはスクリプトから: (サンプル例）。; SAMPHTML インターネットドラフト 1.2に存在し、 HTML 2.0 で標準化され、現在も使用されています。
<var>...</var>: 変数 ( var example )。; VARHTML インターネットドラフト 1.2に存在し、 HTML 2.0 で標準化され、現在も使用されています。

プレゼンテーション

視覚的なプレゼンテーションマークアップは視覚的なブラウザーに直接適用されるだけなので、その使用は推奨されません。代わりにスタイルシートを使用する必要があります。これらの要素のいくつかは HTML 4 / XHTML 1.0 では非推奨または無効であり、残りは XHTML 2.0 の現在のドラフトでは無効です。ただし、HTML5 の現在のドラフトでは、、、およびが再度含まれ、<s>それぞれ<u>に<small>新しい意味が割り当てられています。HTML5ドキュメントでは、意味的に正しい限り、これらの要素の使用は推奨されなくなりました。

<b>...</b>

HTML 4では、可能な場合はフォントを太字にします。同等の CSS: 。HTML 4.01では、要素は通常、視覚的なブラウザで同じ効果を持ち、より意味的な意味を持ちます。ただし、 HTML5では、とは異なる独自の意味を持ちます。これは、「余分な重要性を伝えたり、別の声や気分を暗示したりすることなく、実用的な目的で注意を向けているテキスト」を示します。^[29]{ font-weight: bold; }<strong><b><strong>

BHTML インターネットドラフト 1.2に存在し、 HTML 2.0 で標準化されました。現在も使用されており、HTML5 で再定義されています。

<i>...</i>

HTML 4では、可能な場合はフォントを斜体に設定します。同等のCSS : 。を使用すると、ほとんどのブラウザーで同じ視覚効果が得られ、HTML 4.01では、強調と同じ意味を持ちます。(純粋に印刷上の斜体には、HTML 5 でより明示的に認識されているように、強調以外の目的が多数あります。)ただし、HTML5では、はとは異なる独自の意味を持ちます。これは、「テキストの異なる品質」または「別の声や雰囲気」を表します。たとえば、考え、船の名前、二元的な種の名前、外国語のフレーズなどです。^[30]{ font-style: italic; }<em>...</em><i><em>

IHTML インターネットドラフト 1.2に存在し、 HTML 2.0 で標準化されました。現在も使用されており、HTML5 で再定義されています。

<u>...</u>

HTML 4では、下線付きのテキスト。同等の CSS: 。HTML 4.01で非推奨。HTML5 で復活。HTML5 では、要素は「中国語の固有名詞 (中国語の固有名詞マーク) としてテキストをラベル付けしたり、テキストをスペルミスとしてラベル付けするなど、明確にレンダリングされているが明確に表現されていない非テキスト注釈を含むテキストの範囲」を表します。HTML5仕様では、ほとんどの場合、よりも他の要素の方が適切であることを開発者に注意喚起し、ハイパーリンクと混同される可能性がある場合は下線付きのテキストを使用しないよう設計者に警告しています。^[31]{ text-decoration: underline; }<u><u>

UHTML Internet Draft 1.2に存在し、HTML 3.2 で標準化されましたが、 HTML 4.0 Transitional では非推奨となり、 HTML 4.0 Strict では無効でした。HTML5で再導入されました。

<small>...</small>

HTML 4では、フォントサイズが小さくなっています（文字が小さくなっています）。同等のCSS：HTML5 では、要素は「小さな文字などのサイドコメント」を表します。^[32]これにより、要素との混乱が生じています。{ font-size: smaller; }<small><aside>...</aside>

HTML 3.2 で標準化されており、現在も有効です。

<s>...</s>

HTML 4では、は取り消し線付きテキスト ( ~~Strikethrough~~ ) を示し、と同等でした<strike>。HTML5 では、要素は「もはや正確ではない、またはもはや関連性がない」情報を示し、除去/削除を示すと混同しないようにする必要があります。^[33]<s><del>

Sは HTML 4.0 Transitional では非推奨となり(以前の標準には登場しなかった)、HTML 4.0 Strict では無効でした。HTML5 で再導入され、代わりにが非推奨となりました<strike>。

<big>...</big> (deprecated)

フォントサイズを大きくしました（テキストが大きくなりました）。同等の CSS:{ font-size: larger; }

HTML 3.2 で標準化されていますが、HTML5 ではサポートされていません。

<strike>...</strike> (deprecated)

取り消し線テキスト ( ~~Strikethrough~~ )、(同等の CSS: ){ text-decoration: line-through; }

STRIKEHTML 3.2 で標準化されましたが、HTML 4.0 Transitional では非推奨となり、 HTML 4.0 Strict では無効です。

<tt>...</tt> (deprecated)

固定幅フォント (タイプライターのようなフォント)。テレタイプとも呼ばれ、"tt" で表されます。(同等の CSS: ){ font-family: monospace; }

TTHTMLインターネットドラフト1.2に存在し、HTML 2.0で標準化されましたが、HTML5ではサポートされていません^[34]。代替可能なもの: <kbd> (ユーザー入力をマークする)、<var> (変数(通常は斜体で表示され、等幅には変更されません)、<code> (ソースコード)、<samp> (出力)。^[34]

<font>...</font> (deprecated)

<font [color=<var>color</var>] [size=<var>size</var>] [face=<var>face</var>]>...</font> 属性を使用してフォントの色color(アメリカ式のスペルに注意)、face属性を使用して書体、属性を使用して絶対サイズまたは相対サイズを指定できますsize。例 (すべての使用法は非推奨です。可能な場合は CSS の同等のものを使用してください):

<font color="green">text</font>緑色のテキストを作成します。
<font color="#114499">text</font>16 進数カラー#114499でテキストを作成します。
<font size="4">text</font>サイズ 4 のテキストを作成します。サイズは 1 から 7 までです。<body> または他のタグで特に指定されていない限り、標準サイズは 3 です。
<font size="+1">text</font>標準より 1 大きいサイズのテキストを作成します。逆になります。<font size="-1">text</font>
<font face="Courier">text</font>Courier フォントでテキストを作成します。

フォント属性に相当する CSS:

<font size="N">に対応します(HTML 仕様では、サイズNと単位サイズYの関係は定義されておらず、単位も定義されていません)。{font-size: Yunits}
<font color="red">対応する{ color: red; }
<font face="Times New Roman">対応– CSS は 2 つ以上の代替フォントのフォントスタックをサポートします。{ font-family: 'Times New Roman', Times, serif; }

HTML 3.2 で標準化されていますが、 HTML 4.0 Transitional では非推奨です。HTML 4.0 Strict では無効です。HTML5 の一部ではありません。

スパン

<span>...</span>: インライン論理区分。通常はスタイルシートやDOM呼び出しによって制御されるプレゼンテーションや動作などの目的で、ドキュメントのセクションを区別するために使用される、意味論的な意味を持たない汎用要素です。; HTML 4.0 で標準化されており、現在も有効です。

その他のインライン要素

<br />: 強制的な改行。; HTML 2.0 で標準化され、現在も有効です。
<bdi>...</bdi>: 方向が不明なユーザー生成コンテンツなど、外部の他のテキストとは異なる方向にフォーマットされる可能性のあるインラインテキストセクションを分離します。; HTML5で標準化されています。
<bdo>...</bdo>: 親要素とは読み取り方向が逆のテキストのインラインセクションをマークします。; HTML 4.0 で標準化されており、現在も有効です。
<cite>...</cite>: 文書内の引用または発言の引用または参照。; CITE はHTML インターネットドラフト 1.2に存在し、 HTML 2.0 で標準化され、現在も使用されています。; 注: HTML 5 仕様は、この要素に関しても含め、^{[35]混乱を招くように}分岐してきました。HTML 4 以前では、は「引用または他のソースへの参照」のためのもので、特に制限や要件はありませんでした。^[36] W3C HTML 5 仕様では、このアイデアを改良したものを使用しており、この要素が歴史的に使用されてきた方法を反映していますが、現在では「作品のタイトル、著者名 (個人、人々、または組織)、URL 参照、または引用メタデータの追加に使用される規則に従った省略形の参照」の少なくとも 1 つを含めること (ただし、これらに限定されません) を要求しています。^[37]しかし、WHATWG 仕様では、この要素を作品のタイトルの周囲で使用することのみを許可しています。^[38] W3C 仕様は、より広い定義から始まりましたが、WHATWG がこの変更を行った後、非常に狭い定義に切り替えました。しかし、W3C は、開発者コミュニティからの否定的なフィードバックに応じて、2012 年に独自の変更を元に戻しました。この要素は、より広い範囲で広く導入されて使用されていました。たとえば、さまざまなブログやフォーラムのプラットフォームでは、コメント投稿者の ID と電子メールアドレスをで囲み、この要素を書誌引用に使用している人は、各引用全体をこの要素で日常的に囲んでいました (現在もそうです)。この要素のもう 1 つの問題は、WHATWG が、この要素は (彼らの見解では) 出版物のタイトル専用であるため、デフォルトで斜体にすることを推奨していることです (したがって、ほぼすべてのブラウザーがそうしています)。ただし、慣例により、斜体にできるのは特定の種類のタイトルのみで、他のタイトルは引用符で囲むことが期待されており、標準は出版のコンテキストと言語によって実際には異なる場合があります。そのため、多くの Web サイトの作成者と管理者は、サイト全体のスタイルシートを使用して、この要素の自動斜体を解除しています。 <cite><cite>...</cite>
<data>...</data>: インラインコンテンツを機械可読な翻訳にリンクします。; HTML5で標準化された。^[39]
<del>...</del>: 削除されたテキスト。通常は取り消し線として表示されます。~~テキストを削除しました。~~; HTML 4.0 で標準化されており、現在も有効です。
<ins>...</ins>: <del>挿入されたテキスト。またはで削除された資料の置換テキストをマークアップするためによく使用されます<s>。通常は下線が引かれます。挿入されたテキスト。; HTML 4.0 で標準化されており、現在も有効です。; <ins>要素と要素は両方とも<del>、他のブロック要素とインライン要素を含むブロック要素として使用することもできます。ただし、整形式の HTML ドキュメントを維持するために、これらの要素は親要素内に完全に収まっている必要があります。たとえば、1 つの段落の途中から他のいくつかの段落にまたがってテキストを削除し、最後の段落で終了するには、3 つの個別の<del>要素を使用する必要があります。<del>最初の段落と最後の段落のテキストの削除を示すためにインライン要素として 2 つの要素が必要になり、中間の段落の削除を示すためにブロック要素として使用される 3 番目の要素が必要になります。
<mark>...</mark>: 見た目がこのような引用文内の関連テキストを強調表示するために使用されます。; HTML5で標準化されています。
<q>...</q>: インライン引用 (ブロックレベルの引用についてはを参照<blockquote>)。引用要素はネストできます。スタイルシートと組み合わせて引用符を自動的に生成する<q> 必要があります。ブラウザーの非準拠による実際上の懸念により、作成者は回避策を見つける必要がある場合があります。属性はソースを示し、完全修飾URIciteである必要があります。; HTML 4.0 で標準化されており、現在も有効です。; 注:長いインライン引用は、スタイルシートを使用してインデントされたブロック ( ) として表示できますblock-quote。たとえば、に適切な CSS ルールを関連付けると次のようになりますq.lengthy。<q class="lengthy">Lengthy quote here.</q>
<rb>...</rb>: ルビ注釈の基本コンポーネントを表します。; HTML5で標準化された。^[40]
<rp>...</rp>: ルビ注釈をサポートしていないブラウザにフォールバック括弧を提供します。; HTML5で標準化された。^[41]
<rt>...</rt>: ルビ注釈内の文字の発音を示します。; HTML5で標準化されました。^[42]
<rtc>...</rtc>: ルビ注釈のセマンティック注釈。; HTML5で標準化された。^[43]
<ruby>...</ruby>: 東アジアの文字の発音を示すルビ注釈を表します。; HTML5で標準化されました。^[44]
<script>...</script>: ドキュメントにスクリプトを配置します。head およびブロックコンテキストでも使用できます。注: <script>自体はブロック要素でもインライン要素でもありません。それ自体はまったく表示されませんが、ブロックコンテンツまたはインラインコンテンツの両方を動的に生成する指示を含めることができます。; HTML 3.2 で標準化されており、現在も有効です。
<sub>...</sub>
<sup>...</sup>: _下付きまたは^上付きテキストをマークします。(それぞれ CSSとに相当します。){ vertical-align: sub; }{ vertical-align: super; }; 両方とも HTML 3.0 ドラフトで提案され、 HTML 3.2 で標準化され、現在も有効です。
<template>...</template>: スクリプトによってコピーされるコードフラグメント。; HTML5で標準化された。^[45]
<time>...</time>: 24 時間制の時刻またはグレゴリオ暦の日付を表します。オプションで、時刻とタイムゾーンの情報も表します。また、時刻と日付を機械可読形式で表すこともできます。; HTML5で標準化された。^[46]
<wbr />: オプションの単語区切り。; 非標準であったにもかかわらず、長年にわたって広く使用され（すべての主要ブラウザでサポートされていました）^[要出典]^{[期間? ]}、最終的にHTML5で標準化されました。^[47]

画像とオブジェクト

<applet>...</applet> (deprecated): ページにJava アプレットを埋め込みます。Java<object>アプレットでのみ使用でき、アクセシビリティの制限があるため、に置き換えられました。; HTML 3.2 で標準化されていますが、 HTML 4.0 Transitional では非推奨で、HTML 4.0 Strict では無効です。2011 年現在、置換の実装が<object>異なるブラウザー間で一貫していないため、依然として広く使用されています。
<area />: 内のフォーカス可能な領域を指定します<map>。; HTML 3.2 で標準化されており、現在も有効です。
<audio>...</audio>: 再生可能なHTML オーディオをページに追加します。オーディオ URL はsrc属性を使用して決定されます。サポートされるオーディオ形式はブラウザによって異なります。; HTML5で標準化されています。
<canvas>...</canvas>: JavaScript でコンテンツを編集できるキャンバスを追加します。オンラインゲームでよく使用されます。; HTML5で標準化されています。
<embed>...</embed>: 非標準オブジェクト (アプレットなど) または外部コンテンツ (通常は HTML 以外) をドキュメントに挿入します。; HTML 4では廃止され、代わりにが採用された<object>が、その後HTML5仕様に再び追加された^[48]^[49]
<img />: 視覚的なユーザーエージェントが文書に画像をsrc挿入するために使用します。属性は画像のURLを指定します。必須alt属性は画像が表示できない場合に代替テキストを提供します。^[50]（alt代替テキストとして意図されていますが、Microsoft Internet Explorer 7以下では属性が指定されていない場合はツールヒントtitleとして表示されます。^[51] 一方、SafariとGoogle Chromeではalt属性はまったく表示されません。） ^[52]この<img />要素は最初にMarc Andreessenによって提案され、NCSA Mosaicウェブブラウザで実装されました。^[53]; IMGHTML インターネットドラフト 1.2に存在し、 HTML 2.0 で標準化され、現在も使用されています。
<map>...</map>: クライアント側のイメージマップを指定します。; HTML 3.2 で標準化されており、現在も有効です。
<object>...</object>: 属性で指定されたタイプのオブジェクトをページに含めますtype。これは、埋め込み HTML ページ、 Flashなどのプラグインによって処理されるファイル、Java アプレット、サウンドファイルなど、ユーザーエージェントが理解できる任意のMIMEタイプである可能性があります。; HTML 4.0 で標準化されており、現在も有効です。
<param />: この要素はもともとで導入されましたが<applet>、現在はで使用され<object>、の子としてのみ出現する必要があります。オブジェクトのタイプに応じて、 HTML 属性<object>を使用してオブジェクトのパラメータ (幅、高さ、フォント、背景色など) を設定します。オブジェクトには複数の要素を含めることができます。<param />; HTML 3.2 で標準化されており、現在も有効です。
<source>...</source>: オーディオまたはビデオのさまざまなソースを指定します。および要素とsrc同様の方法で属性を使用します。<video><audio>; HTML5で標準化されています。
<track>...</track>: オーディオやビデオ用の字幕やキャプションなどのテキストトラックを提供します。; HTML5で標準化されています。
<video>...</video>: 再生可能なHTML ビデオをページに追加します。ビデオの URL はsrc属性を使用して決定されます。サポートされるビデオ形式はブラウザによって異なります。; HTML5で標準化されています。

フォーム

これらの要素は、フォームに組み合わせることも、場合によってはユーザーインターフェイスコントロールとして個別に使用することもできます。ドキュメントでは、単純な HTML にすることも、スクリプトと組み合わせて使用することもできます。HTML マークアップは、フォームを構成する要素と、フォームを送信する方法を指定します。ただし、ユーザーの入力が送信されたら、何らかの形式のスクリプト (サーバー側、クライアント側、またはその両方) を使用してその入力を処理する必要があります。

(これらの要素はブロック要素またはインライン要素のいずれかですが、その使用は他のインライン要素またはブロック要素よりも制限されているため、ここでまとめられています。)

<form action="url">...</form>

フォームを作成します。<form>要素は、必須属性を使用して、フォーム領域の全体的なアクションを指定および操作しますaction。

HTML 2.0 で標準化され、現在も有効です。

<button>...</button>

さまざまな他の要素を含めて複雑なボタンを作成できる汎用フォームボタン。

HTML 4.0 で標準化されており、現在も有効です。

<datalist>...</datalist>

フォーム要素で使用するのリストoption。

HTML5で標準化されています。

<fieldset>...</fieldset>

フォームに構造を追加するためのコンテナー。たとえば、一連の関連するコントロールを内にグループ化し<fieldset>、<legend>その機能を識別するためにを追加することができます。

HTML 4.0 で標準化されており、現在も有効です。

<input />

<input>要素を使用すると、さまざまな標準フォームコントロールを実装できます。

HTML 2.0 で標準化され、現在も有効です。

入力タイプ:

タイプ="チェックボックス": チェックボックス。チェックを付けたり外したりできます。
タイプ="ラジオ": ラジオボタン。複数のラジオボタンに同じ名前が付けられている場合、ユーザーはこのグループから 1 つのラジオボタンのみを選択できます。
タイプ="ボタン": 汎用ボタン。この要素は、<button>より豊富な可能性を提供するため、可能な場合 (つまり、クライアントがサポートしている場合) に優先されます。
タイプ="送信": 送信ボタン。
タイプ="画像": 画像ボタン。画像の URL はsrc属性で指定できます。
タイプ="リセット": フォームをデフォルト値にリセットするためのリセットボタン。
タイプ="テキスト": 1 行のテキスト入力フィールド。属性sizeは、入力のデフォルトの幅を文字幅で指定します。max-lengthユーザーが入力できる最大文字数を設定します (サイズより大きい場合もあります)。
タイプ="検索": そのバリエーションはtext検索バーを生成します。
タイプ="パスワード": のバリエーションですtext。違いは、このフィールドに入力されたテキストがマスクされることです。文字はアスタリスク、ドット、またはその他の置換文字として表示されます。パスワードはプレーンテキストとしてサーバーに送信されるため、機密性が懸念される場合は、 HTTPSなどの基盤となる安全な通信プロトコルが必要です。
タイプ="ファイル": ファイル選択フィールド (ファイルをサーバーにアップロードするためのもの)。
タイプ="tel": text電話番号のバリエーション。
タイプ="メール": text電子メールアドレスのバリエーション。
タイプ="url": URLtext用ののバリエーションです。
タイプ="日付": 日付セレクター。
タイプ="時間": 時間セレクター。
タイプ="数値": text数値のバリエーション。
タイプ="範囲": 数値を返すスライダーを生成しますが、その数値はユーザーには表示されません。
タイプ="color": カラーピッカー。
タイプ="hidden": hidden入力はレンダリングされたページには表示されませんが、デザイナーはフォームの一部としてサーバーに送信する必要があるデータのコピーを保持できます。たとえば、この Web ユーザーが前のフォームで入力または選択したデータで、現在のフォームと連動して処理する必要があるデータです。ユーザーには表示されませんが、HTML ソースを編集することでクライアント側でデータを変更できます。

<isindex /> (deprecated)

<isindex />文書のヘッダーまたは本文に出現できますが、文書内で出現できるのは 1 回だけです。 <isindex />原始的な HTML 検索フォームとして機能しますが、 1990 年代前半から中頃に導入されたより高度な HTML フォームによって事実上廃止されました。基本 URI、アンパサンド、およびプラス記号で区切られたパーセントエンコードされたキーワードで構成されるハイパーリンクのセットを表します。

ISINDEXHTML タグに存在していましたが、HTML 2.0 で標準化され、 HTML 4.0 Transitional では非推奨となり、 HTML 4.0 Strict では無効になりました。

<keygen>...</keygen> (deprecated)

キーペアジェネレーター。

HTML5 では標準化されましたが、HTML 5.2 では削除されました。

<label for="id">...</label>

フォーム入力のラベルを作成します (例: ) radio。ラベルをクリックすると、一致する入力がクリックされます。

HTML 4.0 で標準化されており、現在も有効です。

<legend>...</legend>

の凡例（キャプション）<fieldset>。

HTML 4.0 で標準化されており、現在も有効です。

<meter>...</meter>

属性を必要とするメーターvalue。min、low、high、も持つことができますmax。

HTML5で標準化されています。

<option value="x">...</option>

リスト内に項目を作成します<select>。

HTML 2.0 で標準化され、現在も有効です。

<optgroup>...</optgroup>

<option>リスト内の要素のグループを識別します<select>。

HTML 4.0 で標準化されており、現在も有効です。

<output>...</output>

フォーム要素の値。

HTML5で標準化されています。

<progress>...</progress>

アクションの進行状況を示すバー。

HTML5で標準化されています。

<select name="xyz">...</select>

ユーザーが 1 つのオプションを選択できる選択リストを作成します。ドロップダウンリストとしてレンダリングされる場合があります。

HTML 2.0 で標準化され、現在も有効です。

<textarea rows="8">...</textarea>

複数行のテキスト領域。そのサイズはcols(列は 1 文字分のテキスト) とrows HTML 属性によって指定されます。この要素の内容はプレーンテキストに制限されており、ページが読み込まれると、テキスト領域にデフォルトのテキストとして表示されます。

HTML 2.0 で標準化され、現在も有効です。

テーブル

HTML テーブルの形式は、HTML 3.0 ドラフトと、その後の RFC 1942 HTML テーブルで提案されました。これらは、CALS テーブルモデルにヒントを得たものです。これらの提案の一部の要素は HTML 3.2 に含まれ、HTML テーブルの現在の形式は HTML 4 で標準化されました。(テーブル内で使用される要素の多くは、ブロック要素でもインライン要素でもありません。)

<table>...</table>: テーブルを識別します。HTML Transitional ではいくつかのHTML 属性が可能ですが、そのほとんどは HTML Strict では無効であり、スタイルシートで置き換えることができます。このsummary属性は、アクセシビリティの目的で非公式に必須ですが、その使用法は簡単ではありません。; HTML 3.0 ドラフトで提案され、HTML 3.2 で標準化され、現在も有効です。
<tr>...</tr>: 内のセルの行が含まれます<table>。; HTML 3.0 ドラフトで提案され、HTML 3.2 で標準化され、現在も有効です。
<th>...</th>: ヘッダー<table>セル。内容は通常、太字で中央に表示されます。音声ユーザーエージェントは、これらの項目に対してより大きな音声を使用する場合があります。; HTML 3.0 ドラフトで提案され、HTML 3.2 で標準化され、現在も有効です。
<td>...</td>: データセル<table>。; HTML 3.0 ドラフトで提案され、HTML 3.2 で標準化され、現在も有効です。
<colgroup>...</colgroup>: 内の列グループを指定します<table>。; HTML テーブルで提案され、 HTML 4.0 で標準化され、現在も使用されています。
<col>...</col>: 内の列を指定します<table>。; HTML テーブルで提案され、 HTML 4.0 で標準化され、現在も使用されています。
<caption>...</caption>: のキャプションを指定します<table>。; HTML 3.0 ドラフトで提案され、HTML 3.2 で標準化され、現在も有効です。
<thead>...</thead>: のヘッダー部分を指定します<table>。テーブルが複数のページに分割されている場合 (印刷物やその他のページ化されたメディアの場合)、このセクションはユーザーエージェントによって繰り返されることがあります。; HTML テーブルで提案され、 HTML 4.0 で標準化され、現在も使用されています。
<tbody>...</tbody>: のデータ本体を指定します<table>。; HTML テーブルで提案され、 HTML 4.0 で標準化され、現在も使用されています。
<tfoot>...</tfoot>: のフッター部分を指定します<table>。と同様に<thead>、このセクションは、テーブルが複数のページに分割されている場合 (印刷またはその他のページ化されたメディアの場合)、ユーザーエージェントによって繰り返されることがあります。; HTML テーブルで提案され、 HTML 4.0 で標準化され、現在も使用されています。

フレーム

フレームを使用すると、ビジュアル HTML ブラウザウィンドウをセグメントに分割して、各セグメントに異なるドキュメントを表示できます。これにより、1 つのフレームでレイアウトの繰り返し部分を使用し、別のフレームで可変コンテンツを表示できるため、帯域幅の使用を抑えることができます。ただし、特に非ビジュアルユーザーエージェントでは、^個別の独立したドキュメント (または Web サイト) が隣接して表示され、同じ親ウィンドウと対話できるため、ある程度のユーザビリティコストがかかる可能性があります。このコストのため、フレーム ( 要素を除く<iframe>) は HTML 4.01 フレームセットでのみ使用できます。iframe は、異なるサーバー上のドキュメントを保持することもできます。この場合、ウィンドウ間の対話はブラウザによってブロックされます。FacebookやTwitterなどのサイトでは、iframe を使用してサードパーティの Web サイトでコンテンツ (プラグイン) を表示しています。Google AdSenseでは、 iframe を使用してサードパーティの Web サイトでバナーを表示しています。

HTML 4.01 では、文書に<head>はと、<body> またはと<head>を含めることができます<frameset>が、<body>との両方を含めることはできません<frameset>。ただし、は<iframe>通常の文書本体で使用できます。

<frameset>...</frameset> (deprecated): <frame />ドキュメントの要素のセットが含まれます。フレームのレイアウトは、 HTML 属性rowsと属性のコンマ区切りのリストで指定されます。cols; HTML 4.0 フレームセットで標準化されましたが、HTML5 では廃止されました。
<frame /> (deprecated): 内の単一のフレームまたは領域を定義します。別のドキュメントは、要素内の属性<frameset>を使用してフレームにリンクされます。src<frame />; HTML 4.0 フレームセットで標準化されましたが、HTML5 では廃止されました。
<noframes>...</noframes> (deprecated): 要素をサポートしていないユーザーエージェント用の通常の HTML コンテンツが含まれます<frame />。; HTML 4.0 移行で標準化されましたが、HTML5 では廃止されました。
<iframe>...</iframe>: インラインフレームは、フレーム内に別の HTML ドキュメントを配置します。<object />要素とは異なり、は<iframe>他の要素によって定義されたリンクの「ターゲット」フレームになることができ、印刷やソースの表示などのフォーカスとしてユーザーエージェントによって選択できます。要素のコンテンツは、ブラウザーがインラインフレームをサポートしていない場合に表示される代替テキストとして使用されます。src内の属性を使用して別のドキュメントがフレームにリンクされ、要素内の属性<iframe />を使用してインライン HTML コードがフレームに埋め込まれます。srcdoc<iframe />; 1997 年に Microsoft Internet Explorer によって初めて導入され、HTML 4.0 Transitional で標準化され、 HTML5 で許可されました。

`longdesc`属性

HTMLでは、は、、、または要素longdesc内で使用される属性です。これは、問題の画像、フレーム、または iframe の長い説明を提供するドキュメントへのURL ^{[注 5]}であるはずです。 ^[55]この属性には、よく誤解されているように、説明のテキストで はなく、 URL を含める必要があります。<img /><frame /><iframe>

longdescは、視覚障害者などアクセシビリティに問題のあるコンピュータユーザー向けにスクリーンリーダーで画像情報を表示するために設計されており、ウェブブラウザとスクリーンリーダーの両方で広く実装されています。^[56]一部の開発者は、^[57]この属性を使用する著者が比較的少なく、そのほとんどが誤って使用しているため、実際にはこの目的ではほとんど使用されていないと反対しており、そのため、を非推奨にすることを推奨しています。^[58]出版業界はこれに応えて、の保持を主張しています。^[59]longdesclongdesc

例

< img  src = "Hello.jpg"  longdesc = "description.html" >

内容description.html：

< br  /> 
< p > 2層のバースデーケーキの画像です。</ p >
...

テキスト内の長い説明へのリンク

リンクをネイティブで利用できるようにサポートしているグラフィカルブラウザーはほとんどないため (Opera と iCab は例外)、<img />可能な限り要素の近くに説明ページへのリンクを含めると、視覚に障害のないユーザーにも役立ちます。

例

< img  src = "Hello.jpg"  longdesc = "description.html"  /> [ < a  href = 
"description.html"  title = "画像の詳しい説明" > D </ a > ]

歴史的要素

以下の要素は、1989 年から 1991 年にかけてTim Berners-Leeによって開発された初期の HTML の一部です。これらはHTML タグで言及されていますが、HTML 2.0では非推奨となり、HTML 標準の一部にはなりませんでした。

<listing>...</listing> (deprecated): この要素は、タグ内のテキストを等幅フォントで表示し、HTML を解釈しません。HTML 2.0 仕様では、1 行あたり最大 132 文字で要素をレンダリングすることが推奨されています。; HTML 3.2では非推奨、 HTML5では廃止されました。 ^[60]
<plaintext> (deprecated): <plaintext>終了タグはマークアップを終了し、ドキュメントの残りの部分はプレーンテキストであるかのように解析されるため、終了タグはありません。; <plaintext>HTML タグに存在していましたが、HTML 2.0 では非推奨となり、 HTML 4.0 では無効になりました。
<xmp>...</xmp> (deprecated): この要素は、タグ内のテキストを等幅フォントで表示し、HTML を解釈しません。HTML 2.0 仕様では、要素を 1 行あたり 80 文字でレンダリングすることが推奨されています。; HTML 3.2では非推奨、HTML5では廃止されました。^[61]
<nextid> (deprecated): この要素により、NeXTウェブ設計ツールはアンカーの自動NAMEラベルを生成できるようになり、それ自体も自動的に生成されました。^[60]; <nextid>HTML タグに存在していました(廃止済みとして説明されています) 。HTML 2.0 では非推奨です。HTML 3.2 以降では無効です。

非標準要素

これは新しいWikiPediaです!

最初の Wikipedia 編集からのマーキーテキストの例(CSS で実現されています。<marquee> タグ自体は非推奨であり、ほとんどのブラウザーでは機能しません)

うぅぅ

ページへのリンクを含む点滅テキストの例 (CSS で実現されています。<blink> タグ自体は非推奨で、ほとんどのブラウザーでは機能しません)。 UwUと混同しないでください。このページには、英語版 Wikipedia で現存する最も古い編集が含まれています。

このセクションでは、広く使用されている廃止された要素をいくつか示します。廃止された要素は、有効なコードでは使用されていない要素です。すべてのユーザーエージェントでサポートされているわけではありません。

<blink>...</blink> (deprecated): テキストを点滅させます。ANSIエスケープコードを模倣して導入されました。サポートされている場合はCSSで実行できます。(この効果は光過敏性てんかんの患者に悪影響を及ぼす可能性があります。^[62]公共のインターネットで使用する場合は適切なガイドラインに従う必要があります。){text-decoration: blink}; <blink>Netscape Navigatorで始まり、 Firefoxを含むその子孫によって主に認識されます。HTML 2.0 以降では非推奨または無効です。代替 CSS タグは標準ですが、サポートする必要はありません。
<layer>...</layer> (deprecated): 絶対位置のフレーム付きレイヤーを作成します。代わりにフレームや CSS を使用して実行できます。属性には、ID、LEFT、TOP、PAGEX、PAGEY、SRC、Z-INDEX、ABOVE、WIDTH、HEIGHT、BELOW、CLIP、VISIBILITY、CLIPなどがあります。; <layer>Netscape 4で生まれました。HTML 4.01 以降では非推奨または無効です。
<marquee>...</marquee> (deprecated): スクロールするテキストを作成します。スクリプトを使用して行うこともできます。(この効果は光過敏性てんかんの患者には悪影響を及ぼす可能性があります。^[62]公共のインターネットで使用する場合は適切なガイドラインに従う必要があります。) Alternate、Scroll、slideの 3 つのオプションがあります。Scrolldelayを追加することもできます。; <marquee>Microsoft Internet Explorerで発生しました。HTML 4.01 以降では非推奨または無効です。
<nobr>...</nobr> (deprecated): テキストが行末で改行されないようにし、囲んでいるオブジェクトの幅を超えるテキストの折り返しを防止します。隣接するテキストは、その前後で改行されることがあります。CSS で実行できます。{white-space: nowrap;}; <nobr>互換性の理由からほとんどのブラウザで認識される独自の要素です。HTML 2.0 以降では非推奨または無効です。
<noembed>...</noembed> (deprecated): 埋め込みをレンダリングできない場合に、代替コンテンツを指定します。または要素のコンテンツに置き換えられます。<embed><object>

ほとんどのHTMLタグとは異なり、コメントはネストしません。より一般的には、コメントテキストに表示できない文字列がいくつかあります。それらは、(これはコメントを終了するので、当然それに続く)、およびです--!>。さらに、文字列>とを->コメントの先頭に表示することはできず、また、<!-末尾に表示することもできません。^[63]

その結果、マークアップはXend-->不正な形式となり、コメントが生成されます。X開始その後、あるいは時には単に終了-->ブラウザによって異なります。

コメントはドキュメント内のどこにでも表示できますが、HTML パーサーは、コメントが他の HTML タグ構造内にない限り、どこに表示されてもコメントを無視することになっています (つまり、属性や値の隣でコメントを使用することはできません。これは無効なマークアップです: )。<span id="x1" style="...">

コメントは doctype 宣言の前にも表示できますが、他のタグではこれを行うことはできません。

ただし、すべてのブラウザと HTML エディタが HTML 構文フレームワークに完全に準拠しているわけではなく、構文条件によっては予期しない動作をする場合があります。コメントの不適切な処理は、使用されているすべてのブラウザと HTML エディタの約 5% にのみ影響し、その場合でも、コメントの不適切な処理の問題の影響を受けるのは特定のバージョンのみです (この高い割合の大部分は Internet Explorer 6 が占めています)。

コメントに関しては互換性に関する問題がいくつかあります。

の前にコメント (または空白以外の任意の文字) を配置すると、 Internet Explorer 6 はHTML ページにQuirks モードdoctypeを使用します。情報は処理されません。doctype
<style>1995 年以前のブラウザとの互換性のため、および要素の内容は<script>依然としてコメント区切り文字で囲まれている場合があり、CSS およびスクリプト対応ブラウザは、そのコメントマークアップを実際にはコメントではないものとして明示的に無視するように記述されています。つまり、コメント内の要素を変更して実際に CSS およびスクリプトマークアップをコメントアウトしようとすると、のように認識されなくなります。<-- [script]...[/script] -->
BlueGriffon HTML エディタのバージョン 1.7. xでは、構文構造に埋め込まれていないコメントが作成され、画面に表示されます。他の HTML エディタにも同じ欠陥がある可能性があります。<style> ... {comment tags} ...</style>

参照

注記

^ HTML 4.01 は、よく知られている HTML DTD の 1 つです。ここでは、最もわかりやすい例として HTML 4.01 を選択しましたが、W3C が公開している他の HTML 用 DTD にも同じ動作が適用されます。
^ DTD のマクロのような機能は、XML 内でも引き続き使用できます。
^ 小さな違いの1つは、XMLはDOMインターフェースの後でも大文字と小文字を区別することです。^[5]
^ ただし、避けられない例外についてはを参照してください。<object>
^ 厳密にはIRIであり、 URL ではありません。ただし、 URL は IRI のサブセットです。

参考文献

^ ab "§3 SGMLとHTMLについて". HTML 4.01仕様. W3C . 1999年12月24日. §3.2.1 要素.
^ 「§3 SGMLとHTMLについて」。HTML 4.01仕様。W3C 。 1999年12月24日。§3.1 SGMLの概要。
^ 「HTML 4.01、§21、文書型定義」。W3C。1999年12月24日。
^ abcde 「HTML 標準 § オプションのタグ」。WHATWG。2019年3 月 22 日閲覧。
^ 「§1. ドキュメントオブジェクトモデル HTML」。ドキュメントオブジェクトモデル (DOM) レベル 2 HTML 仕様。W3C。2003年 1 月 9 日。§1.3. XHTML と HTML DOM。
^ ab 「 §7 HTML 文書のグローバル構造」。HTML 4.01 仕様。W3C。1999年 12 月 24 日。§7.5.3 ブロックレベル要素とインライン要素。
^ Mark Newhouse (2002 年 9 月 27 日). 「CSS デザイン: リストの使いこなし」. A List Apart .
^ XHTML 1.0 §4.2
^ XML 1.0 (追加要素を生成する機能は、頭字語のeXtensibilityの一部です。)
^ XML 1.0 §5.1
^ WHATWGLS. § 15
^ XHTML 1.1 §A
^ 「HTML & CSS」W3C . 2013年。
^ 「付録 D. HTML 4のデフォルトスタイルシート」。カスケーディングスタイルシートレベル 2 リビジョン 1 (CSS 2.1) 仕様。W3C。2011年 6 月 7 日。
^ HTML 4.01 §14.1
^ Ferraiolo, J.; Fujisawa, J.; Jackson, D., 編 (2003-01-14). 「§2.3 Web ページで SVG を使用するためのオプション」Scalable Vector Graphics (SVG) 1.1 仕様. W3C . 2009-03-25に取得。
^ HTML 4.01 §12.3
^ HTML 4.01 §14.3.2
^ HTML 4.01 §18
^ CSS §1.1
^ 「4.4 コンテンツのグループ化 – HTML5」。HTML5 : HTML および XHTML の語彙と関連 API – W3C 勧告。ワールドワイドウェブコンソーシアム。2014 年 10 月 28 日。§4.4.8 dl 要素。2015年8 月 16 日閲覧。
^ 「HTML 文書内のリスト」。HTML 4.01 仕様 - W3C 勧告。ワールドワイドウェブコンソーシアム。1999 年 12 月 24 日。§10.3 定義リスト: DL、DT、および DD 要素。2015年5 月 2 日閲覧。
^ 「HTML5: HTML および XHTML の語彙と関連 API、W3C ワーキングドラフト」。W3C。2011年 4 月 5 日。。
^ HTML 4.01、W3C 、 2012年3月26日取得
^ Tittel, Ed; Burmeister, Mary C. (2005). HTML 4 for dummies (第 5 版). ホーボーケン、ニュージャージー: Wiley. p. 96. ISBN 978-0-7645-8917-1. 2022年8月7日閲覧。
^ 「ServerWriter -- /Provider」. W3C .
^ 「HTML 5.2」。W3C。
^ 頭字語タグ、頭字語。
^ 4.6 テキストレベルのセマンティクス — b 要素、Developers.whatwg.org 、2012-03-26取得
^ 4.6 テキストレベルのセマンティクス — i 要素、Developers.whatwg.org 、2012-03-26取得
^ 4.6 テキストレベルのセマンティクス — u 要素、Developers.whatwg.org 、2012-03-26取得
^ 4.6 テキストレベルのセマンティクス — 小さな要素、Developers.whatwg.org 、 2012-03-26取得
^ 4.6 テキストレベルのセマンティクス — s 要素、Developers.whatwg.org 、 2012-03-26取得
^ ab 11 廃止された機能 — HTML5、W3C 、 2012-03-26取得
^ 「HTML5 仕様が最終決定、仕様をめぐる論争は続く」 Ars Technica 2014 年 10 月 29 日. 2014 年10 月 29 日閲覧。
^ 「9.2.1 フレーズ要素: EM、STRONG、DFN、CODE、SAMP、KBD、VAR、CITE、ABBR、および ACRONYM」。HTML 4.01仕様。W3C。1999年 12 月 24 日。2018 年7 月 26 日閲覧。
^ HTML 5.2 W3C 勧告、「§4.5.6. cite 要素」。
^ HTML Living Standard、「§4.5.6 cite 要素」。
^ "<データ>". MDN Web Docs .
^ 「HTML <rb> タグ」。www.quackit.com。
^ 「<rp>: Ruby フォールバック括弧要素」。MDN Web Docs。
^ 「<rt>: Ruby テキスト要素」。MDN Web Docs。
^ 「<rtc>: Ruby テキストコンテナ要素」。MDN Web Docs。
^ "<ruby>". MDN Web Docs .
^ "<テンプレート>". MDN Web Docs .
^ "<time>". MDN Web Docs .
^ "<wbr>". MDN Web Docs .
^ジェニファー・キルニン 2012-11-02 ウェイバックマシンでアーカイブ <embed>
^ W3Schoolsについて<embed>
^ alt 属性のテキストはマークアップでスタイル設定できません。そのため、ユーザーのブラウザで画像が無効になっている場合にスタイル設定されたテキストを表示したいという状況に対応するために、Fahrner Image Replacementなどの代替テキスト表示の他の方法が考案されました。
^ 「Internet Explorer 8 の新機能 - アクセシビリティと ARIA」。MSDN。Microsoft。2009年 7 月 22日閲覧。
^ バグ 5566 – 画像がない場合、ALT 属性値が表示されないことがある、Bugs.webkit.org 、 2012 年 3 月 26 日取得
^ WWW-Talk 1993年1月～3月: 新しいタグの提案: IMG、1997.webhistory.org 、 2012年3月26日取得
^ 「フレームはアクセス可能ですか？」...フレームは、特にスクリーンリーダーを使用する障害のあるユーザーに特有の追加のユーザビリティ上の課題を提示します。
^ 「オブジェクト、画像、アプレット」。W3C 。 2008年12月20日閲覧。
^ 「InState Longdesc」。2011年9月5日閲覧。
^ 「アクセシブルな画像の作成」 WebAim . 2008 年 12 月 20 日閲覧。
^ Longdesc の使用法 - WHATWG Wiki、Wiki.whatwg.org 、 2012 年 3 月 26 日取得
^ 「Bug 13461 - アメリカ出版社協会の問題 #30 (longdesc) に関する解説」。2011年 9 月 5 日閲覧。
^ ab 「廃止 – 非準拠機能」。HTML Living Standard。WHATWG 。 2022年7月22日。 2022年8月7日閲覧。
^ “<xmp>”. MDN Web Docs . 2023年2月24日.
^ ab Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (1999-05-05). 「Web コンテンツアクセシビリティガイドライン 1.0」. World Wide Web Consortium . 2010-07-20閲覧。
^ 「HTML 標準」。html.spec.whatwg.org。

文献

HTML 標準

HTML 2.0:: Berners-Lee, Tim ; Connolly, Dan (1995 年 11 月). Hypertext Markup Language - 2.0 (RFC 1866). IETF . doi : 10.17487/RFC1866 . RFC 1866. 2009 年 3 月 24 日閲覧.
HTML 3.2:: Raggett, Dave (1997-01-14). 「HTML 3.2 リファレンス仕様」. W3C . 2009-03-27に取得。
HTML4.01:: Raggett, Dave ; Le Hors, Arnaud; Jacobs, Ian ( 1999-12-24 ). 「HTML 4.01 仕様」。W3C。2009-03-24に取得。(HTML 4.01 は、広く実装されることのなかった 4.0 (1998) とそれ以前のすべてのバージョンに取って代わりました。さらに 2018 年 3 月 27 日に HTML 5.2 に置き換えられました)。
HTML 1.0: 翻訳:: 「XHTML 1.0: 拡張可能なハイパーテキストマークアップ言語 (第 2 版)」。改訂版。W3C。2002年8 月 1 日 [2000] 。2009 年 3 月 24 日に取得。
1.1: 1.1 は、HTML の 1.1 に相当します。: Altheim, Murray; McCarron, Shane; Ishikawa, Masayasu, eds. (2010-11-23) [2001]. 「XHTML 1.1 - モジュールベースのXHTML - 第2版」. 改訂版. W3C . 2018-07-26に取得。 (2018 年 3 月 27 日に HTML 5.2 に置き換えられました。); Austin, Daniel; Peruvemba, Subramanian; McCarron, Shane; Ishikawa, Masayasu; Birbeck, Mark; Altheim, Murray; Boumphrey, Frank; Dooley, Sam; Schnitzenbaumer, Sebastian; Wugofski, Ted, 編 (2010-07-29) [2006]. 「XHTML Modularization 1.1 - Second Edition」. 改訂版. W3C . 2018-07-26閲覧。 (上記のより詳細なバージョン。2018 年 3 月 27 日に HTML 5.2 によって置き換えられました。)
W3C HTML 5.2:: Faulkner, Steve; Eicholz, Arron; Leithead, Travis; Danilo, Alex; Moon, Sangwhan; Doyle Navara, Erika; O'Connor, Theresa; Berjon, Robin, 編 (2017-12-14) [2016]. 「HTML 5.2 W3C 勧告」. 改訂版. W3C . 2018-07-26取得。 HTML 5.1 を含む、以前のすべてのバージョンの HTML および XHTML に取って代わります。
WHATWG HTML5 リビングスタンダード:: Hickson, Ian編 (2018-07-25)。「HTML Living Standard」。1 ページバージョン。WHATWG。2018年7 月 26 日閲覧。マルチページバージョンと開発者エディション (これもマルチページで、検索機能やその他のガジェットがあり、ブラウザーベンダーにのみ関係する詳細は除かれています) も利用できます。

その他の情報源

HTML タグ:: Berners-Lee, Tim (1992-11-03). 「HTML タグ」 . 2009-03-28閲覧。 (最初に公開された HTML の説明の一部。)
HTML インターネットドラフト 1.2:: バーナーズ・リー、ティム、コノリー、ダン(1993 年 6 月)。「ハイパーテキストマークアップ言語 (HTML)」。 2009 年 3 月 28 日閲覧。
HTML 3.0 ドラフト:: Raggett, Dave (1995-03-24). 「ハイパーテキストマークアップ言語仕様バージョン 3.0 (ドラフト)」。2009-04-18に取得。 (これは HTML 3.0 の最終ドラフトであり、それ以上開発されることなく期限切れになりました。)
HTML テーブル:: Raggett, Dave (1996 年 5 月). HTML テーブル (RFC 1942). IETF . doi : 10.17487/RFC1942 . RFC 1942. 2009 年 3 月 22 日閲覧.
XML 1.0:: Bray, Tim ; Paoli, Jean ; Sperberg-McQueen, C. Michael ; Maler, Eve ; Yergeau, François 編 (2008-11-26)。「Extensible Markup Language (XML) 1.0 (第 5 版)」。 W3C。2009-03-20取得。
CSS1: いいえ: Lie, Håkon Wium ; Bos, Bert (2008-04-11) [1996]. 「Cascading Style Sheets, Level 1」. 改訂版. W3C . 2018-07-26閲覧。
CSS2.1: について: Bos, Bert ; Çelik, Tantek ; Hickson, Ian ; Lie, Håkon Wium (2016 年 4 月 12 日) [2011]。「Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) 仕様」。改訂版。W3C。2018年7 月 26 日閲覧。
CSS 3 および 4:: Atkins, Tab Jr.; Eternad, Elika J.; Rivoal, Florian (2017 年 1 月 31 日)。「CSS スナップショット 2017」。W3C . §2. カスケーディングスタイルシート (CSS) – 公式定義。2018年 7 月 26 日閲覧。 (公開日時点で CSS 2.1 に取って代わった有効な仕様のリスト。); 「CSS 現在の状況」。W3C . 2018 . 2018 年 7 月 26 日閲覧。 (CSS レベル 3 と 4 は独立したモジュールとして開発されており、そのページでインデックス付けされています。)

外部リンク

HTML 4.01 (1999 年 12 月 24 日): 要素と属性
HTML5 (2014 年 10 月 28 日): 要素と属性

[4] HTML 4.01 は、よく知られている HTML DTD の 1 つです。ここでは、最もわかりやすい例として HTML 4.01 を選択しましたが、W3C が公開している他の HTML 用 DTD にも同じ動作が適用されます。

[6] DTD のマクロのような機能は、XML 内でも引き続き使用できます。

[8] 小さな違いの1つは、XMLはDOMインターフェースの後でも大文字と小文字を区別することです。^[5]

[10] ただし、避けられない例外についてはを参照してください。<object>

[59] 厳密にはIRIであり、 URL ではありません。ただし、 URL は IRI のサブセットです。

[HTML401_Elements-1] "§3 SGMLとHTMLについて". HTML 4.01仕様. W3C . 1999年12月24日. §3.2.1 要素.

[2] 「§3 SGMLとHTMLについて」。HTML 4.01仕様。W3C 。 1999年12月24日。§3.1 SGMLの概要。

[W3C,_HTML_401_DTD-3] 「HTML 4.01、§21、文書型定義」。W3C。1999年12月24日。

[whatwg-syntax-tag-omission-5] 「HTML 標準 § オプションのタグ」。WHATWG。2019年3 月 22 日閲覧。

[7] 「§1. ドキュメントオブジェクトモデル HTML」。ドキュメントオブジェクトモデル (DOM) レベル 2 HTML 仕様。W3C。2003年 1 月 9 日。§1.3. XHTML と HTML DOM。

[W3C,_HTML_4.01,_block_and_inline-9] 「 §7 HTML 文書のグローバル構造」。HTML 4.01 仕様。W3C。1999年 12 月 24 日。§7.5.3 ブロックレベル要素とインライン要素。

[11] Mark Newhouse (2002 年 9 月 27 日). 「CSS デザイン: リストの使いこなし」. A List Apart .

[XHTML10-42-12] XHTML 1.0 §4.2

[13] XML 1.0 (追加要素を生成する機能は、頭字語のeXtensibilityの一部です。)

[XML10-51-14] XML 1.0 §5.1

[15] WHATWGLS. § 15

[XHTML11-16] XHTML 1.1 §A

[17] 「HTML & CSS」W3C . 2013年。

[18] ^ 「付録 D. HTML 4のデフォルトスタイルシート」。カスケーディングスタイルシートレベル 2 リビジョン 1 (CSS 2.1) 仕様。W3C。2011年 6 月 7 日。

[HTML401-141-19] HTML 4.01 §14.1

[SVG11-23-20] Ferraiolo, J.; Fujisawa, J.; Jackson, D., 編 (2003-01-14). 「§2.3 Web ページで SVG を使用するためのオプション」Scalable Vector Graphics (SVG) 1.1 仕様. W3C . 2009-03-25に取得。

[21] HTML 4.01 §12.3

[22] HTML 4.01 §14.3.2

[23] HTML 4.01 §18

[24] CSS §1.1

[W3C-5-DL-25] 「4.4 コンテンツのグループ化 – HTML5」。HTML5 : HTML および XHTML の語彙と関連 API – W3C 勧告。ワールドワイドウェブコンソーシアム。2014 年 10 月 28 日。§4.4.8 dl 要素。2015年8 月 16 日閲覧。

[26] 「HTML 文書内のリスト」。HTML 4.01 仕様 - W3C 勧告。ワールドワイドウェブコンソーシアム。1999 年 12 月 24 日。§10.3 定義リスト: DL、DT、および DD 要素。2015年5 月 2 日閲覧。

[27] 「HTML5: HTML および XHTML の語彙と関連 API、W3C ワーキングドラフト」。W3C。2011年 4 月 5 日。。

[28] HTML 4.01、W3C 、 2012年3月26日取得

[29] Tittel, Ed; Burmeister, Mary C. (2005). HTML 4 for dummies (第 5 版). ホーボーケン、ニュージャージー: Wiley. p. 96. ISBN 978-0-7645-8917-1. 2022年8月7日閲覧。

[30] 「ServerWriter -- /Provider」. W3C .

[31] 「HTML 5.2」。W3C。

[32] 頭字語タグ、頭字語。

[html5-b-element-33] 4.6 テキストレベルのセマンティクス — b 要素、Developers.whatwg.org 、2012-03-26取得

[html5-i-element-34] 4.6 テキストレベルのセマンティクス — i 要素、Developers.whatwg.org 、2012-03-26取得

[html5-u-element-35] 4.6 テキストレベルのセマンティクス — u 要素、Developers.whatwg.org 、2012-03-26取得

[html5-small-element-36] 4.6 テキストレベルのセマンティクス — 小さな要素、Developers.whatwg.org 、 2012-03-26取得

[html5-s-element-37] 4.6 テキストレベルのセマンティクス — s 要素、Developers.whatwg.org 、 2012-03-26取得

[html5-tt-not-supported-38] 11 廃止された機能 — HTML5、W3C 、 2012-03-26取得

[finalars-39] 「HTML5 仕様が最終決定、仕様をめぐる論争は続く」 Ars Technica 2014 年 10 月 29 日. 2014 年10 月 29 日閲覧。

[40] 「9.2.1 フレーズ要素: EM、STRONG、DFN、CODE、SAMP、KBD、VAR、CITE、ABBR、および ACRONYM」。HTML 4.01仕様。W3C。1999年 12 月 24 日。2018 年7 月 26 日閲覧。

[41] HTML 5.2 W3C 勧告、「§4.5.6. cite 要素」。

[42] HTML Living Standard、「§4.5.6 cite 要素」。

[43] "<データ>". MDN Web Docs .

[44] 「HTML <rb> タグ」。www.quackit.com。

[45] 「<rp>: Ruby フォールバック括弧要素」。MDN Web Docs。

[46] 「<rt>: Ruby テキスト要素」。MDN Web Docs。

[47] 「<rtc>: Ruby テキストコンテナ要素」。MDN Web Docs。

[48] "<ruby>". MDN Web Docs .

[49] "<テンプレート>". MDN Web Docs .

[50] "<time>". MDN Web Docs .

[51] "<wbr>". MDN Web Docs .

[52] ^ジェニファー・キルニン 2012-11-02 ウェイバックマシンでアーカイブ <embed>

[53] W3Schoolsについて<embed>

[54] t 属性のテキストはマークアップでスタイル設定できません。そのため、ユーザーのブラウザで画像が無効になっている場合にスタイル設定されたテキストを表示したいという状況に対応するために、Fahrner Image Replacementなどの代替テキスト表示の他の方法が考案されました。

[55] 「Internet Explorer 8 の新機能 - アクセシビリティと ARIA」。MSDN。Microsoft。2009年 7 月 22日閲覧。

[56] バグ 5566 – 画像がない場合、ALT 属性値が表示されないことがある、Bugs.webkit.org 、 2012 年 3 月 26 日取得

[57] WWW-Talk 1993年1月～3月: 新しいタグの提案: IMG、1997.webhistory.org 、 2012年3月26日取得

[58] 「フレームはアクセス可能ですか？」...フレームは、特にスクリーンリーダーを使用する障害のあるユーザーに特有の追加のユーザビリティ上の課題を提示します。

[60] 「オブジェクト、画像、アプレット」。W3C 。 2008年12月20日閲覧。

[61] 「InState Longdesc」。2011年9月5日閲覧。

[62] 「アクセシブルな画像の作成」 WebAim . 2008 年 12 月 20 日閲覧。

[63] Longdesc の使用法 - WHATWG Wiki、Wiki.whatwg.org 、 2012 年 3 月 26 日取得

[64] 「Bug 13461 - アメリカ出版社協会の問題 #30 (longdesc) に関する解説」。2011年 9 月 5 日閲覧。

[WHATWG-deprecated-65] 「廃止 – 非準拠機能」。HTML Living Standard。WHATWG 。 2022年7月22日。 2022年8月7日閲覧。

[66] “<xmp>”. MDN Web Docs . 2023年2月24日.

[WCAG-67] Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (1999-05-05). 「Web コンテンツアクセシビリティガイドライン 1.0」. World Wide Web Consortium . 2010-07-20閲覧。

[68] 「HTML 標準」。html.spec.whatwg.org。

コンセプト

要素とタグ

SGML と XML

%block;対ボックス

概要

構文

要素の種類

属性

要素基準

要素のステータス

コンテンツとプレゼンテーションと行動

文書構造要素

ドキュメントのヘッド要素

文書本体の要素

ブロック要素

基本テキスト

リスト

その他のブロック要素

インライン要素

アンカー

フレーズ要素

一般的な

コンピュータフレーズ要素

プレゼンテーション

スパン

その他のインライン要素

画像とオブジェクト

フォーム

テーブル

フレーム

longdesc属性

例

テキスト内の長い説明へのリンク

例

歴史的要素

非標準要素

コメント

参照

注記

参考文献

文献

HTML 標準

その他の情報源

外部リンク

`%block;`対ボックス

`longdesc`属性