Ume Jam HTML help: Tags and Elements

タグとエレメント

タグの書き方

タグの説明は後にして、まずタグの書き方のルールですが、

タグを書く基本はブランクを入れないことです。 <TITLE>
- 始めに、括弧（"less than" マーク）を書き、続けてタグ名（例の場合はTITLE）、そして括弧（"greater than" マーク）で閉じます。これらは全て続けて書き、ブランクは入りません。
ほとんどのHTMLのタグにはオープン・タグとクローズ・タグがあります。(1)で示したのはオープン・タグです。クローズ・タグは次のものです。 </TITLE>
- 違いは説明するまでもないだろうと思いますが、タグ名（TITLE）の前に入れるスラッシュがクローズを意味しています。この場合もブランクは一切入れずに書いて下さい。
タグ名を書く場合は、多文字小文字の区別をつける必要はありません。TITLEもtitleも、あるいはtiTleでも同じことです。
オープン・タグにはアトリビュート (attribute) が入るケースが沢山あります。例えば、オープン・タグ<H1>にALIGN=LEFTというアトリビュートを入れると、 <H1 ALIGN=LEFT>
- アトリビュート (attribute)を入れる場合には、ブランクが入ります。
  アトリビュートはタグ名の後にブランクを一つ（半角スペース）以上あけてから記入します。
注意：
一つのタグに複数のアトリビュートが入るケースもありますが、その場合もそれぞれのアトリビュート名の前でブランクを入れなければなりません。

e.g.
オープン・タグ： <TITLE>, <H1>
アトリビュートの入ったタグ： <H1 ALIGN=LEFT>
クローズ・タグ： </TITLE>, </H1>

NOTES:

タグ（アトリビュートが入っている場合も含め）を書く際には大文字小文字の区別は必要ありません。こういうケースを "case insensitive" と言います。逆に区別をつけなければいけないケースを "case sensitive" と言います。 HTMLではほとんど場合が "case insensitive" ですが、 "case sensitive" の場合もあります。詳しくは Case Snsensitivityを参照して下さい。

タグとエレメント

全てではりませんが、ほとんどのHTMLタグは、始まりを示す「オープン・タグ」と終わりを示す「クローズ・タグ」のペアーになっています。この二つのタグの間にテキストやあるいは他のタグを含みます。

　例えば、
　　<H1>Guide to HTML 3.2</H1>
　　　　あるいは、
　　<H1>Guide to <EM>HTML 3.2</EM></H1>

このようにタグとその内容（テキスト）が一つのユニットのような状態を構成します。これが HTMLのエレメントです。タグはそのエレメントの種類を表わしますが、命令ではありません。タグはドキュメントを構成する様々なエレメントを表わし、そのエレメントの内容、例えば H1はヘッディング・レヴェル１を表わし、その中で EMエレメントを使用出来るが、 EMの中で H１は使用出来ないといったルールは HTMLの DTD (Document Type Difinition) で決められています。あるいは、DTDには次のような事も書かれています。

タグには EMPTYという種類のタグがあります。これらのタグにはクローズ・タグはありません。 EMPTY タグはそれ自体でエレメントです。
　　　e.g. <HR>, <BR>, <IMG>
Empty タグとは別に、クローズ・タグがオプションになっていて、省略しても構わないタグがあります。
　　　e.g. </P>, </LI>, </TR>, </TH>, </TD>,
基本ストラクチャーを表わす、HTML, HEAD, BODYの三つのエレメントに限って、オープン・タグとクローズ・タグの両方共に省略が可能です。つまり、この最も基本的だと言われる三つのエレメントは書かなくて構いません。
Notes:
この場合にも、Doctype declearationと TITLEタグは必ず記入しなければなりません。

タグが省略出来るということからも想像出来ると思いますが、タグはコマンドではありません。タグはエレメントを表わす符号です。上記したように、省略可能なタグは沢山あります。エレメントが問題なく処理されれば、タグ自体は省略しても問題はないわけです。大事なのはエレメントであり、マークアップ言語ということを理解することです。

マークアップ言語とは (エレメントとは)

HTMLはHyper Text Markup Languageの略ですね、このMarkup Language（マークアップ言語）のマークアップというのは、印を付ける、符号を付ける、あるいはタグ付けをする、ということですが、何をマークアップするのかと言うとエレメントです。

HTMLというマークアップ言語は、ドキュメントを構成するエレメントをタグを使ったマークアップによって書き表わす言語です。

この「エレメント」は「要素」と訳されますが、一般的な意味での要素ではありません。HTMLでは正確に定義された「エレメント」のグループがあります。この「エレメント」を定義しているのは DTD (Document Type Difinition)と呼ばれるものです。この DTDで定義されているエレメントだけが HTMLでいうエレメント（要素）です。

繰り返しますが、マークアップ言語 (HTML) はドキュメントのエレメント構成をマークアップによって表わす言語です。HTML ドキュメントが構造化文書 (Structure Document)と呼ばれるのもこれで分かるかと思いますが、この「ドキュメントの構造化」、つまり「エレメント構成のマークアップ」、つまりは「タグの付け方」ということですが、このルールも DTDで定義されています。

タグ付けをするということは、フォントサイズを変えたり、イメージを取り込んだり、奇麗にレイアウトするという事よりも前に、エレメント構成をマークアップし、ドキュメントの構造を書いているということを忘れないで下さい。

Notes:

DTDの定義に従ってエレメントの階層構造を図式化したものが、「Tree of elements」です。

Next: アトリビュート

[HTML help] [Basics] [HTML 3.2] [Beginner's] [How]

ABACUSS LTD.
www.abacuss.com