純粋な HTML タグにどれくらい精通していますか?

以下の HTML タグには、基本的に既存のタグがすべて含まれています。数分かけて 1 つずつ参照すると、次のようなメリットが得られるかもしれません。
 : コメントタグは、ソースドキュメントにコメントを挿入するために使用されます。
<!DOCTYPE> : 文書がどのHTMLまたはXHTML仕様を使用しているかをブラウザに伝えます
<a>: アンカーを定義し、href 属性を使用して別のドキュメントへのリンク (またはハイパーリンク) を作成します。name または id 属性を使用してドキュメント内にブックマークを作成します (つまり、ドキュメントフラグメントへのリンクを作成できます)
<abbr> : 「Inc.」、「etc.」などの略語を示します。例: <abbr title="etcetera">etc.</abbr>
<acronym> : 「NATO」など、最初の文字のみを取る頭字語を定義します。頭字語の最初の文字だけをマークすることで、ブラウザ、スペルチェッカー、翻訳システム、検索エンジンのインデックス作成機能に役立つ情報が提供されます。
<address> : アドレス（電子メールアドレスなど）を定義します。文書のアドレス、署名、または作成者を定義するために使用する必要があります。
<applet> : 埋め込まれたアプレットを定義します。
<area> : このタグはイメージマップ内の領域を定義します (注: イメージマップはクリック可能な領域を持つ画像です)。 area 要素は常に <map> タグ内にネストされます。
<base> : ページ上のすべてのリンクのデフォルトのURLまたはターゲットを指定します
<basefont> : 基本フォントを定義します。このタグは、ドキュメント内のすべてのテキストのデフォルトのフォント色、フォントサイズ、フォントファミリを定義します。
<bdo> : デフォルトのテキスト方向を上書きする
<blockquote>: ブロック引用を定義できます
<body> : 文書の本体を定義します
<br> : 単純な改行を挿入します
<button>: ボタンを定義します
<caption>: 表のタイトルを定義します。キャプションタグはテーブルタグの直後に来る必要があります。テーブルごとに定義できるヘッダーは 1 つだけです。通常、このタイトルは表の上部の中央に配置されます。
<center> : そこに含まれるテキストを水平方向に中央揃えします
<col> : テーブル内の 1 つ以上の列のプロパティ値を定義します。 <col> タグは、各セルと行に対してスタイルを繰り返さずに、列全体にスタイルを適用する場合に便利です。 <col> タグは、table 要素または colgroup 要素内でのみ使用できます。
<colgroup> : 書式設定の目的でテーブル内の列をグループ化するために使用されます。 <colgroup> タグは、各セルと行に対してスタイルを繰り返すのではなく、列全体にスタイルを適用する場合に便利です。 <colgroup> タグはテーブル要素内でのみ使用できます。
<dd> : 定義リスト内のエントリを定義する定義部分。
<del>: ドキュメント内で削除されたテキストを定義し、ドキュメント内の更新と修正を記述するために <ins> タグと共に使用されます。
<dir> : ディレクトリリストを定義します
<div> : 文書内の区分またはセクションを定義します
<dl> : 定義リスト
<dt> : リスト内の項目を定義します
<fieldset> : フォーム内の関連する要素をグループ化する
<font> : テキストのフォント、フォントサイズ、フォント色を指定します
<form> : ユーザー入力用のHTMLフォームを作成するために使用されます
<frame>: フレームセット内の特定のウィンドウ（フレーム）を定義します
<frameset> : フレームセットを定義します。複数のウィンドウ（フレーム）を整理するために使用されます。各フレームワークには独自のドキュメントがあります。最も単純な使用法では、フレームセット要素はフレームセット内に存在する列または行の数を指定するだけです。 cols属性またはrows属性を使用する必要があります
<head> : ドキュメントのヘッダーを定義し、すべてのヘッダー要素のコンテナーです。 <head> 内の要素は、スクリプトを参照したり、ブラウザにスタイルシートの場所を指示したり、メタ情報を提供したりすることができます。
<h1> - <h6> : タイトルを定義します。 <h1> は最大の見出しを定義します。 <h6> は最小の見出しを定義します。
<hr> : HTML ページに水平線を作成します。
<html> : ブラウザにHTML文書であることを伝えます
<iframe> : 別のドキュメントを含むインラインフレーム（つまり、インラインフレーム）を作成します。
<img>: 画像を定義します
<input>: ユーザー情報を収集するために使用されます。 type 属性の値に応じて、入力フィールドにはさまざまな形式を設定できます。入力フィールドには、テキストフィールド、チェックボックス、マスクされたテキストコントロール、ラジオボタン、ボタンなどがあります。
<ins> : ドキュメントに挿入されたテキストを定義します
<ラベル> : ラベル
<legend> : フィールドセット要素のタイトルを定義します
<li> : リスト項目を定義します。<li> タグは、順序付きリスト (<ol>) と順序なしリスト (<ul>) で使用できます。
<link>: ドキュメントと外部リソースの関係を定義します。最も一般的な用途は、スタイルシートへのリンクです。
<map> : クライアント側のイメージマップを定義します。イメージマップはクリック可能な領域を持つ画像です。
<menu>: メニューリストを定義します
<meta> : 検索エンジン向けの説明やキーワード、更新頻度など、ページに関するメタ情報を提供します。 <meta> タグはドキュメントの先頭に配置され、コンテンツは含まれません。 <meta> タグの属性は、ドキュメントに関連付けられた名前と値のペアを定義します。
<noframes> : この要素は、フレームをサポートしていないブラウザでテキストを表示するために使用できます。 noframes 要素は frameset 要素内にあります。
<noscript> : スクリプトが実行されない場合の代替コンテンツ (テキスト) を定義します。
<object> : 埋め込みオブジェクトを定義します。この要素を使用して、XHTML ページにマルチメディアを追加します。この要素を使用すると、HTML ドキュメントに挿入されるオブジェクトのデータとパラメータ、およびデータの表示と操作に使用できるコードを指定できます。 <object> タグは、画像、オーディオ、ビデオ、Java アプレット、ActiveX、PDF、Flash などのオブジェクトを含めるために使用されます。
<ol> : 順序付きリストを定義します
<optgroup> : オプショングループを定義します
<option>: ドロップダウンリスト内のオプションを定義します。option 要素は select 要素内にあります。
<p> : 段落を定義します
<param>: それを含んでいる <object> または <applet> タグのパラメータを提供します。
<pre> : フォーマット済みのテキストを定義します。 pre 要素で囲まれたテキストでは、通常、スペースと改行が保持されます。テキストも等幅フォントで表示されます。<pre> タグの一般的な用途は、コンピュータのソースコードを表すことです。
<q> : 短い引用を定義します
<s>: 取り消し線でテキスト定義を定義します
<script> : JavaScript などのクライアント側スクリプトを定義します。 script 要素にはスクリプトステートメントを含めたり、src 属性を通じて外部スクリプトファイルを指定したりできます。必須の type 属性は、スクリプトの MIME タイプを指定します。
<select> : 単一選択または複数選択メニューを作成する
<span>: 文書内のインライン要素をグループ化するために使用されます
<strike> : 取り消し線でテキスト定義を定義します
<style>: HTML ドキュメントのスタイル情報を定義します。type 属性は必須であり、スタイル要素の内容を定義します。可能な値は「text/css」のみです
<sub> : 下付き文字を定義します
<sup> : 上付き文字を定義します
<table>: HTML テーブルを定義します。単純な HTML テーブルは、table 要素と 1 つ以上の tr、th、または td 要素で構成されます。 tr 要素は表の行を定義し、 th 要素は表のヘッダーを定義し、 td 要素は表のセルを定義します。より複雑な HTML テーブルには、caption、col、colgroup、thead、tfoot、tbody 要素も含まれる場合があります。
<tbody>: タグテーブルの本体 (テキスト)。このタグは、HTML テーブルの本文コンテンツをグループ化するために使用されます。 tbody 要素は、thead 要素および tfoot 要素と組み合わせて使用する必要があります。 thead 要素は HTML テーブル内のヘッダーのコンテンツをグループ化するために使用され、tfoot 要素は HTML テーブル内のフッターのコンテンツをグループ化するために使用されます。 thead、tfoot、tbody 要素を使用すると、テーブル内の行をグループ化できます。テーブルを作成するときは、ヘッダー行、データを含むいくつかの行、および下部の合計行が必要になるでしょう。この分割により、ブラウザはテーブルヘッダーとフッターとは独立してテーブル本体のスクロールをサポートできるようになります。長いフォームを印刷する場合、テーブルデータを含む各ページにテーブルヘッダーとフッターが印刷されることがあります。
<td> : HTMLテーブル内の標準セルを定義します
<textarea>: 複数行のテキスト入力コントロールを定義します
<tfoot>: 表のフッター（脚注または表の注釈）を定義します。
<th> : 表のヘッダーセルを定義します。この th 要素内のテキストは通常、太字で表示されます。
<thead> : 上記と同じ
<title> : ドキュメントのタイトルを定義します
<tr> : HTMLテーブルの行を定義します
<u> : 下線テキストを定義します
<ul>: 順序なしリストを定義します

推奨されなくなったタグの一部:
以下の要素は主にいくつかのフォントスタイル要素です。これらのラベルの使用に異論はありません。ただし、これらのタグを通じてテキストのスタイルを変更するだけの場合は、より豊かな効果を得るためにスタイルシートを使用することをお勧めします。
<tt>タイプライターのような、または等幅のテキスト効果をレンダリングします。
<i>斜体のテキスト効果を表示します。
<b>太字のテキストをレンダリングします。
<big> は大きなフォント効果を表示します。
<small> はフォントサイズを小さくします。
テキストを強調として定義します。
テキストを、より強い強調のトーンでコンテンツとして定義します。
<dfn> は定義項目を定義します。
<code> はコンピュータコードテキストを定義します。
<samp> はサンプルテキストを定義します。
<kbd> はキーボードのテキストを定義します。テキストがキーボードから入力されたことを示します。コンピュータ関連の文書やマニュアルなどでよく使われます。
<var> は変数を定義します。このタグは <pre> タグおよび <code> タグと一緒に使用できます。
<cite> は引用を定義します。このタグを使用して、書籍や雑誌のタイトルなどの参照を定義します。

<<: フロントエンドパフォーマンス最適化に関する補足記事

>>: CSS レスポンシブレイアウトシステムの例コード