<<PREV | TOP | NEXT>>

HTML に関する諸注意

last modified 2nd/Nov. 2000

• HTML の要素、属性、属性の値は DTD で定義されています。自然言語で指定できる属性の値と、要素の内容を除いたあらゆる HTML は、半角英数字で定義されています。ここで、大文字と小文字の区別は明確に定義されていますので、注意が必要です。
• ファイル名も半角英数文字しか許されず、且つ半角スペースは含めません。全角文字のファイル名を持つファイルは、 HTML からは利用できません。また、ファイル名の大文字と小文字は厳格に区別されます。
• また、実際に HTML を記述する時に、スペースや改行などの空白類文字の取り扱いにも注意が必要です。
• 一般に云える注意点；半角日本語（半角カタカナなど）は WWW では絶対に利用してはいけません。標準仕様による訳ではありませんが、機種によっては文字化けを引き起すので、慣習的に使わないことになっています。 HTML に限らず、 E-mail, news, 掲示板などでも同様です。
• 属性の値では、長さ、色、URL (URI) などを指定する場合があります。これらの指定方法には決まりが有りますので、確認してください。

大文字と小文字

HTML 4 では、タグの要素名、属性名は半角英字で定義されています。しかし、大文字と小文字は区別しません。

一方、属性の値は、属性の種類によって、扱いが変わります。自然言語で指定できる属性の値を除けば、全て半角英数字で定義されており、このとき全角文字は誤りです。

要素

HTML 文書は要素の積み重ねで構成されています。要素は開始タグから終了タグまでで定義され、その間が要素の内容です。

<p>
ここは P 要素の内容部です。
</p>

<ul>
 <li>ここは LI 要素の内容部です。</li>
 <li>ここは LI 要素の内容部です。</li>
</ul>

あらゆる要素の開始タグ、終了タグに現れる要素名（p, ul, li, ect. ）は大文字と小文字を区別しません。

<BLOCKQUOTE>, <blockquote>, <BlockQuote> は全て同じように、 BLOCKQUOTE 要素の開始タグとして解釈されます。

但し、 HTML 4 の後継バージョン XHTML では大文字と小文字を区別し、要素タイプは小文字でしか定義されていません。慣れの為にも、HTML ソースは全て小文字で書くように推奨します。

因みに、 <ＢＬＯＣＫＱＵＯＴＥ> は明確な誤りです。要素は半角英字でしか定義されていませんので、全角文字は誤りであり解釈できません。

属性

要素毎に利用できる属性が定義されています。属性は、要素の開始タグに記述し、原則「属性="値"」と云う形で現れます。

<a href="../index.hmtl">TOP Page</a>

上の例は A 要素です。開始タグに現れている href が属性です。あらゆる属性名 (href, etc.) は大文字と小文字を区別しません。

<a HREF="../index.html">, <a href="../index.html">, <a HRef="../index.html"> は全て同じように A 要素の開始タグとして解釈されます。

但し、 <a ＨＲＥＦ="../index.html">, <a　href="../index.html"> は HTML としては誤りです。後者は要素名と属性名の間が全角スペースになっています。半角英字でしか定義されていないので、全角文字は誤りであり、解釈できません。

属性の値

属性の種類によっては、指定できる値がキーワードで定義されているものがあります。これらは全て半角で定義されているので全角文字は誤りです。自然言語 (%Text;) で指定できるもの以外の属性値は半角英数字しか許されません。

大文字と小文字の区別は属性によります。

CS

値に大文字小文字の区別がある。「a」と「A」とは異なるものと解釈される。

CI

値に大文字小文字の区別がない。「a」と「A」とは等しいものと解釈される。但し、 XHTML 1.0 では大文字と小文字は常に区別され、原則小文字で定義されている事に注意して下さい。 [CI] が指定されている場合は小文字で記述するようにお勧めします。

CN

大文字小文字の区別がないか、属性値が数値であるなど。

CA

要素あるいは属性の定義自体に大文字小文字の区別がある。

CT

大文字小文字の区別についてはデータ形式の定義を参照。

例えば、 href 属性は [CS] で、且つ半角英字しか許されません。 href="./index.html" と href="./Index.html" は HTML として適当ですが、区別はされます。 href="./ＩＮＤＥＸ.html", href="./表紙.html" は明らかに誤りで、解釈できません。

一方、 align 属性や charset 属性は [CI] ですが、半角英字しか許されません。例えば、 align="center" と align="CENTER" は区別されません。

属性によっては、キーワードが定義されておらず、任意に付けられる場合があります。この場合は一般に [CS] です。他に、自然言語 (%Text;) で指定できる場合も [CS] として扱われます。

例えば、 name 属性や id 属性は [CS] で、且つ半角英字しか許されません。例えば、 id="toc" と、 id="ToC" は HTML として適当ですが、区別はされます。

また、 %Text; の例は alt 属性です。 IMG 要素の必須属性である alt 属性の値は自然言語で、全角文字も許されます。例えば、 alt="家族の写真" も HTML として適当です。

空白類文字

HTML ソースで半角スペースや改行は複数連なっていても、無視されるか、半角スペース一つにまとめられて解釈されます。

<ul>
<li>リスト項目１</li>
<li>リスト項目２</li>
</ul>

<ul>
  <li>リスト項目１</li>
  <li>リスト項目２</li>
</ul>

上の二つのソースは何れも等価です。後者はソースを読みやすくするために、半角スペースでインデント（字下げ）しています。ソースを読みやすくするために、適当に半角スペース、改行を挿入することは良くあります。

<ul><li>リスト項目１</li>
<li>リスト項目２</li></ul>

ソースの行数（引いてはバイト数＝ファイルサイズ）を小さくするために、上のように書いても勿論構いません。

良くある誤りとして、ソースのインデントの積りで全角スペースやタブを挿入してしまう場合があります。 HTML 解釈装置にとっては、全角文字、タブは特殊記号のようなもので、特別扱いしなければならないので、解釈時に無視できません。

<ul>
　<li>リスト項目１</li>
　<li>リスト項目２</li>
</ul>

HTML 解釈装置にとっては、全角スペースは無視できませんので、上のソースは次のように記述されたのと同じように扱います；

<ul>
xx<li>リスト項目１</li>
xx<li>リスト項目２</li>
</ul>

HTML 文法としても明らかに誤りなので、このソースをどのように表示するかはブラウザの種類によります。

テキスト・エディタでも、全角スペース一つは半角スペース二つと見た目上は区別できませんので、誤用しがちのようです。くれぐれも注意してください。

タグの途中で改行するのはあまり勧められません。特に、要素名の途中、「属性="属性値"」の途中では改行してはいけません。

<blockquote cite="http://www.hoge.com/foo/"
  lang="en">

<block
  quote
  cite
  ="http://www.hoge.com/foo/"
  lang="en">

長さ

HTML では属性値に長さを指定することがあります。

1. Pixels: (%Pixels;) の値は、スクリーンや紙などキャンバスに表示する際のピクセル数を表す整数である。従って、「 50 」という値は50 ピクセルを意味する。
2. Length: (%Length;) の値は、 %Pixels;、または水平・垂直方向で利用可能な空間に対するパーセンテージ。従って、「 50% 」という値は、可能な空間の半分を意味する。
3. MultiLength: (%MultiLength;) の値は、 %Length;、または相対指定である。この相対的な長さは、「 i* 」という形式で示す - 「 i 」は整数。

相対指定では、分割可能な空間について、 "*" のついた整数の比率に従って分配を受ける。値が "*" の場合、これは "1*" に等しい。

ピクセル値とパーセント値を割り当て終えた残りが 60 ピクセルだったとする。 "*、2*、3*" という相対指定がある場合、 "1*" には 10 ピクセル、 "2*" には 20 ピクセル、 "1*" には 30 ピクセルが割り当てられる。

%MultiLength; は、 %Length; に相対指定を加えたものであり、 %Length; は、 %Pixels; にパーセント (%) 指定を加えたものであることに注意。

長さの値は大文字小文字の区別に無関係である。

HTML での色; %Color;

HTML では色を指定する属性があります。これらは全て廃止予定の非推奨属性ですから、避けられる限り CSS を利用すべきでしょう。

DTD では、色を指定する値は %Color; と云うパラメタ実体で現れます。大文字と小文字は区別されません。

色は、 HTML ではキーワードか、 RGB と云う形式で指定します。

• キーワードは 16 色に限られています。
• RGB 指定では、光の三原色「赤緑青」の其々の強さを二桁の 16 進数 (0,1,2,3,...,8,9,a,b,c,d,e,f) で指定します。全ての色の強さが 0 であれば黒 (black = #000000) 、全ての色の強さが最大ならば白 (white = #ffffff) 、赤； red = #ff0000 、緑； lime = #00ff00 、青； blue = #0000ff などになります。

RGB 指定で、 [0, 3, 6, 9, c, f] だけで指定した色を Web Safe Colors と呼びます。このように指定した色は、 Win. と Mac. で同じ色に表示される筈です。逆に云えば、それ以外の色は OS によって、表示色が少し異なる可能性があります。不思議なことに、 16 色のキーワードは、 Web Safe Colors からは外れています。

Web Safe Color を用いても、モニタの性能や設定によって、実際の発色は異なります。色盲者などを考慮して、アクセッシビリティには十分注意してください。

次に、 WWW が成功した最大の要因であるリンク・システムと、 URL に付いて紹介します。

<<PREV | TOP | NEXT>>