HTMLのタグの種類

タグは、HTML ドキュメントのテキストに直接埋め込まれる命令として定義できます。 HTML ドキュメントで使用されるタグの種類は、単にテキストを表示するのではなく、Web ブラウザに何かをする (指示に従う) ように指示する役割を果たします。 HTML ドキュメントでは、すべてのタグ名が他の単純なテキストと区別されます。タグ名は山かっこ、または「より小さい」記号と「より大きい」記号 () で囲まれています。

HTML のタグのトップ 3 タイプ

HTML ドキュメントは、さまざまな種類のタグを使用して作成されます。 HTML タグは、さまざまな基準に基づいて定義および分割できます。この記事の今後の部分でそれらを見てみましょう。 HTML タグは次の分類に基づいて分類されています:

1.ペアになっているタグとペアになっていないタグ

次に、HTML のペアになっているタグとペアになっていないタグを例を使用して詳しく説明します。

ペアのタグ

HTML タグは、開始タグとそのコンパニオン タグとしての終了タグで構成される場合、ペア タグと呼ばれます。 HTML ペアタグは開始タグで始まります。開始タグは山括弧で囲まれたタグ名です。たとえば、段落開始タグは「

」と記述されます。コンテンツは開始タグの後に続き、終了タグで終わります。タグ名はスラッシュで始まります。たとえば、終了段落タグは「

」と記述されます。最初のタグは「開始タグ」と呼ばれ、2 番目のタグは終了タグと呼ばれます。

例 #1:

<p> This text is a paragraph . </p>

出力:

注: ここで、開始タグは で、終了タグは

です。

例 #2:

ペアになったタグの別の例は、斜体タグや太字タグです。

<i> <b> This is a bold and italicized text </b> </i>

出力:

注: これらのペアのタグはコンテナ タグとも呼ばれます。

ペアになっていないタグ

HTML タグに開始タグのみがあり、終了タグやコンパニオン タグがない場合、HTML タグは不対タグと呼ばれます。ペアになっていない HTML タグには終了タグは必要ありません。このタイプでは開始タグで十分です。ペアになっていないタグは、コンパニオン タグを必要としないため、スタンドアロン タグまたは単数タグと呼ばれることもあります。

例:

 This is a paragraph 

<i> <b> This is a bold and italicized text </b> </i>

出力:

注: ここで、

---

は水平線を作成するために使用されるペアになっていないタグです。古いバージョンでは、hr タグが

---

として記述される場合があります。

---

の代わりに。これらのタグは空タグとも呼ばれます。

2.自己終了タグ

自己終了タグは、パートナー タグを持たない HTML タグであり、最初のタグが書式設定に有効な唯一の必要なタグです。主要な重要な情報は、要素内にその属性として含まれています。イメージ タグは、自己終了タグの典型的な例です。以下で実際の動作を見てみましょう:

例:

<img src="/static/imghwm/default1.png" data-src="a.jpg" class="lazy" alt="This is an alternate text">

注:古いバージョンでは、以下に示すように、自己終了タグは終了または終了の「大なり」記号/記号の前に「スラッシュ」を使用します。

3.ユーティリティベースのタグ

HTML タグは、その有用性、つまり、タグが果たす目的に基づいて大きく区別できます。以下で説明するように、それらは基本的に 3 つのカテゴリに分類できます:

タグの書式設定

テキストのサイズ、フォント スタイル、テキストの太字化など、テキストの書式設定に役立つ HTML タグ。これは、、、 など。table、divisions、span タグも、Web ページまたはドキュメントの書式設定やページのレイアウトの設定に役立つタグです。以下は、他のいくつかの書式設定タグとともにページの書式設定に分割を使用する小さなプログラムです。

例:

<div class="container">
<div class="row">
<div class="col-25">
<label for="email"><b>Name</b></label>
</div>
<div class="col-35">
<input type="text" placeholder="First" name="fname" required>
</div>
<div class="col-35">
<input type="text" placeholder="Last" name="lname" required>
</div>
</div>
</div>

出力:

構造タグ

HTML ドキュメントの構造化に役立つ HTML タグは、構造タグと呼ばれます。説明、ヘッド、HTML、タイトル、ボディなどは、ページ構造タグのグループを形成します。構造タグは、ルートからの基本的な HTML ページの作成または形成を支援するだけです。つまり、テキストの書式設定に影響を与えたり、関与したりすることはありません。したがって、基本的な HTML プログラムは構造タグの基本的なグループです:

例:

<meta charset="utf-8">
<title>Types of Tags Demo</title>


<p> This is a paragraph </p>
<i><b> This is a bold and italicized text </b></i>

出力:

コントロールタグ

作成できるタグの別のカテゴリは「コントロール タグ」です。 Script タグ、ラジオ ボタンまたはチェックボックス、Form タグなどがコントロール タグを形成します。これらは、コンテンツの管理、または外部のスクリプトやライブラリの管理に使用されるタグです。すべてのフォーム タグ、ドロップダウン リスト、入力テキスト ボックスなどは、訪問者またはユーザーとの対話に使用されます。

上記の HTML タグの区別は、タグのタイプとその用途に基づいています。 HTML タグは、基本 HTML ルート タグ、フォーマット タグ、オーディオ タグとビデオ タグ、フォーム タグと入力タグ、フレーム タグ、リンク タグ、リスト タグ、テーブル タグ、スタイル タグ、メタ タグなどの基本カテゴリに基づいて単純に分割することもできます。 .

以上がHTMLのタグの種類の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。