2016-04-25 10 views
1

私はHTML初心者のためのワークショップを準備する必要があります。私が持っている場合はHTML要素の属性はタグの一部ですか?

...

<p>This is a text-node.</p> 

...その後<P>と</P >はタグです。全部 '<p>これはテキストノードです。 </p > 'が要素です。

これまでのところ、とても良いです。

しかし、私は '<のような属性を持っています。p class = "foobar" >これはテキストノードです。 </p > '...

タグの属性部分ですか?

平均: タグは、開閉括弧から属性を含む閉じ括弧までのすべてです。それとも私は何か間違っているのですか?その後、私を修正してください。

+0

あなたは正しいですが、「タグ」という単語が誤って正しく使用されている可能性があることをクラスに警告するのは公正なことです(通常、正しい用語が「要素」の場合)。 –

+0

@MichaelKay両面使い方について書いていることは、間違いなく私の経験と一貫しています。ヒントをありがとう。 :) –

答えて

0

ご理解の方。開始タグ内で宣言された属性は、開始タグの一部です。これはHTMLXMLの両方に当てはまります。

属性は、タグではなく要素に関連しています。なぜなら、タグは単純に要素宣言であるからです(より良い用語がないため)。しかし、実際にはattr=valueの表記が開始タグの一部です。

紹介ワークショップでは、属性の区別はそれほど重要ではありません。何がもっと重要なのですか(と私は非常にを意味する)は要素とタグの区別です。

1

正しい。タグは<とその直後の/>の間のすべてです。したがって、class="foobar"部分は実際に段落タグの内側にあります。

BoltClockが正しく指摘されているように、class属性(またはそれに関する他の属性)は、タグ自体と関連しているものではありません。単に特別な動作を宣言します。

MDNは言う:

[属性]の要素を設定したり、ユーザーが欲しいの基準を満たすためにさまざまな方法で彼らの行動を調整する追加の値です。

だからあなたの場合にはclass="foobar"は、この特定のpタグは「foobarに」の名前でクラスを持っていることを言います。

classとは何ですか?

class global属性は、要素のクラスのスペース区切りリストです。クラスを使用すると、CSSとJavascriptで特定の要素を選択してアクセスすることができます。

これはどういう意味ですか?以下を考慮してください:

<p>This is a text-node.</p> 
<p class="foobar">This is another text-node.</p> 

上記のマークアップには2段落の要素があります。そのうちの1つにclassという属性を付けることによって、後でどの段落タグまたは段落タグのセットを特別な振る舞い(たとえば色など)を付けたいのかを後で指定できます。これの有用性は、マークアップが実際に大きくなるにつれてより明らかになります。

これは少し物事を明確にすることを望みます。

関連する問題