HTMLのタグと要素の違いの詳細な説明

ウェブページに慣れていない友人の多くは私と同じように、HTML で要素、タグ、属性がどのように定義されているのか、また要素とタグの違いは何かを理解していないと思います。それを徹底的に理解するために、私はいくつかの情報を検索して調べました。そして今、私の結論を書き留めて、私と同じように混乱しているネットユーザーと共有します。

どれがタグでどれが要素なのか明確に分かっていない人が多いかもしれません。私も以前はいつも混乱していました。
実際、両者のコンセプトは依然として非常に明確です。
たとえば、<p> はタグです。
<p>ここにコンテンツが入ります</p> これは要素です。つまり、要素は開始タグと終了タグで構成され、特定のコンテンツを含めるために使用されます。
ここで注目すべき例外が 1 つあります。それは、<br/> 自体は開始タグと終了タグの両方ですが、コンテンツが含まれていないため、単なるタグであるということです。

1. 要素:

HTML Web ページは、実際にはさまざまな HTML 要素で構成されたテキストファイルであり、どの Web ブラウザーでも HTML ファイルを直接実行できます。つまり、HTML 要素は HTML ファイルを構成する基本的なオブジェクトであり、HTML 要素は単なる一般用語であると言えます。 HTML 要素は HTML タグを使用して定義されます。

2. タグ:

タグは、<head>、<body>、<table> などのように、山括弧「<」と「>」で囲まれたオブジェクトです。ほとんどのタグは、<table></talbe>、<form></form> などのようにペアで表示されます。もちろん、<br>、<hr> など、ペアで表示されないものもいくつかあります。

タグは HTML 要素をマークするために使用されます。開始タグと終了タグの間のテキストが HTML 要素の内容です。

3. 属性:

HTML 属性は、HTML 要素にさまざまな追加情報を提供します。属性は常に「属性名 = 属性値」などの名前と値のペアの形式で表示され、属性は常に HTML 要素の開始タグで定義されます。

例：

<html> <head> <title>サンプルのタイトル</title> </head> <body bgcolor="red"> <p>これはサンプルのページです</p> </body> </html> この例では、<p>これはサンプルのページです</p> が HTML 要素であり、「これはサンプルのページです」が要素の具体的な内容です。 <head><title><body> などは HTML タグであり、HTML 要素を構成します。 <body bgcolor="red"> の bgcolor="red" はタグの属性であり、タグの構成方法を定義します。つまり、要素とタグの違いについてはあまり気にする必要はなく、実際の作業では単にタグと呼ぶだけです。属性は簡単に理解できます。属性は、HTML タグにさまざまな追加情報や構成オプションを追加するパラメータです。

<<: この記事は、JQueryの基本的な操作を理解し、始めるのに役立ちます。

>>: CSS3 のテキストとフォントの新しい設定