Another HTML-lint gatewayというサイトがあります。
こちらのサイトではHTML文書が文法的に正しいかを調べてくれます。
普段、文法は意識していなくてきちんと表示すればいいぐらいに考えていました。
ブラウザーの主流であるIEの各バージョンと最新のFirefoxぐらいをチェックし、これらの表示に問題なければよしとしています。
このサイトを知ったので試しにphpでゴリゴリと作ったサイトを調べるとマイナス３xx点にもなってしまい。
ちょっと改善を試みました。
その中で出てきた言葉が「空要素タグ」という言葉です。
空要素タグとは単独で完結するタグです。
例えば、
<B>こんにちは</B>
この場合はBとスラッシュBと２つのタグを使うことで完結します。
一方、
<img src = “http://hoge.hoge.com/img/a.png”>
これは単独で完結します。
このようなタグを空要素タグといいます。
でXHTMLのガイドラインでは空要素タグは<tag />とする必要があります。
上の例では
<img src = “http://hoge.hoge.com/img/a.png” />
今回、このようなことを初めて知りました。
まだまだ勉強することはたくさんありますね。
