h2タグに泣く

h2タグと言えば、HTMLのサブタイトルに当たる部分。サイトタイトルに次いで、とても大切なサブキーワードが入ります。

昨晩MTに設置したテンプレートのタグを、ちょっとだけいじっていました。h2とh3タグのあたり所が、ちょっと気に入らなくて変えただけなんですけどね。

いつもはIEを使っていますが、昨晩はたまたまFireFoxを使っていました。出来上がったサイトを見て、表示がキチンとしていることを確認。

まあ折角だからとIEで表示したら、なぜか本文がやけに大きな太字になっている。

さんざんCSSを見直すも、FireFoxでは問題なく表示されているのだから、いったい何故なんだ〜と、夜中に悩む悩む。

散々悩んだ挙句に、CresentEveでチェック。/h2がありませんだって。


実はh2の閉じタグを/h2と打たず、h2と打っていたんです。だからh2タグから先のすべての文章が、h2表記されていたんですね。

FireFoxは頭がいいブラウザなのか、そういったミスを理解して表示してくれます。ただIEは素直に間違えもそのまま表示するので、すべての字が大きくなってしまったのです。

気付いてみれば（/）を入れなかっただけのミス。HTMLのような機械的な決まりごとは、常に○かＸかですからね、本当に怖いものです。

まあＥ（イイ）経験ができたって事でしょうか。

たった一つのミスでも許されないのが、デジタルの世界なんですよね。