実際にタグ打ちする際の注意点
TransitionalとStrictの違いって?
Transitionalは古いバージョンのタグの使用が許可されます。文法チェックがゆるめ。Strictでは厳密に正しい書き方が要求されます。
ここでは詳しい説明は省きますが、「正しいタグ」にこだわらない、<font color="#fff">~</font>等の古いタグを使いたい人はHTML4.01 Transitionalを使うことを勧めます。
タグは大文字で?小文字で?
HTML4.01まではタグは大文字でも小文字でも良いとされています。つまり<HTML>でも<HTML>でも<Html>でもOKです。
ただし、XHTMLでは小文字と大文字は区別されます。このため、タグは全て小文字で書かなければなりません。XHTMLへの移行を視野に入れている場合はタグは小文字で書いておくほうが無難だといえます(普通にエディタで打つ時も何もしないと小文字なので小文字の方が楽だと個人的には思います)。
<br>と<br />ってどっちが正しいの?どう違うの?
<br>は「HTML」、<br />は「XHTML」でのタグの書き方です。
HTML4.01までは空要素(br、img、hr等)終了タグを省略しなければなりませんでしたが、XHTML1.0からはこれを省略できません。
どちらも適切なDTDに沿って使えば「正しいタグ」です。両方の書き方を混在させることは出来ません。
タグを入れ子する時に終了タグの順番は?
タグを入れ子にするときは中のタグが外に出ることはできません。
HTML4.01までもこれは文法間違いになるのですが、寛容なブラウザが表示がめちゃくちゃになることを防いでくれていました。
<p>今日は晴れてよかった。<em>傘がないから。</p></em>
<p>今日は晴れてよかった。<em>傘がないから。</em></p>
例えるなら<p>は「タンス」、<em>は「引き出し」です。タンスに引き出しの右側だけ突っ込んで左側は外に出ている状態ではおかしいですよね?しっかり中に入れましょう。
属性値は必ずダブルクォートで囲む
ブラウザの混乱を防ぐため、属性値はダブルクォート(")で囲むようにしましょう。
<p style=color:#fff;>今日は晴れだった。</p>
<p style="color:#fff;">今日は晴れだった。</p>