1. タグ
タグにはいろいろな種類があるんだ。まず、タグは 単一と ペアに分けられる。ほとんどの場合、ペアのタグが使われているよ。 そして、もう気づいたかもしれないけど、それは必ずペアで使われるんだ。開くタグと閉じるタグとも呼ばれているよ。
開くタグ — これは三角括弧に囲まれたキーワードだよ。
<tag>
例:
<h1>
閉じるタグは開くタグに似てるけど、キーワードの前にスラッシュがあるんだ。
</tag>
例:
</h1>
開くタグ はペアで必ず最初に来る。 先に閉じるタグが来ることはできない。そしてその後に開くタグが来るなんてこともダメ。そんなHTML文書は無効とされちゃうよ。
2. タグのツリー
そして、ペアのタグについて重要な情報があるんだ。文書にはたくさんのペアタグがあり、入れ子になっている可能性があるのさ。つまり、HTML文書の中の任意のテキストがタグで囲まれる（包まれる）ことができるんだ。他のタグを含んでいる場合でもね。例:
<html>
普通のテキスト
<a href="http://codegym.cc/about">
何か面白いものへのリンク
</a>
他のテキスト
</html>
ざっくり言うと、HTMLテキストにはタグのシーケンスが登場する可能性があるんだ:
<h1> <h2> </h2> </h1>
でも、以下のようにはならない:
<h1> <h2> </h1> </h2>
<h2> 開くタグが <h1>-タグのペア内にある場合、対応する 閉じるタグ </h2> も<h1>-タグのペア内にあるべきなんだ。
だから、文書内のすべてのタグは タグツリーみたいな構造を形成するんだ。最初に出てくるのは最上位のタグで、それが文書全体を囲んでいる。通常は <html> と呼ばれているんだ。その下に子タグがあって、それぞれにまた子タグがあって…という具合さ。
実際、タグ付き文書を処理するプログラムは、この構造をそのように — テキストを含むタグツリーとして見るんだ。
3. 単一タグ
空タグ
タグが中身を持っていない場合、通常それは次のように見えるよ:
<tag> </tag>
そのようなタグのために特別な短縮形式が考案されたんだ:
<tag/>
このタグは 閉じるタグと異なる — スラッシュが最後にあるんだ。これは空のペアタグを短くした記法なんだ。まさにその名のとおり — 空タグと呼ばれてる。
単一タグ
しかし、HTMLには特別な単一タグもあるよ。それは閉じるタグを持っていないのさ。そんなタグのリストはHTML標準によって定義されるんだ。例:
<br>— 改行;<hr>— 区切り線;<img>— 画像。
合計で14個、その半分がシステム用で、残りの半分はHTMLの初版ですでに登場したものなんだ。現在では、こういったタグを新たに追加することは少なくなってきているよ。
GO TO FULL VERSION