HTMLタグの閉じ忘れを調べる超便利ツールを使ってみた
netgeek 2014年4月5日|
|
ある日、netgeek編集部の元にこんなメールが届いた。「タイトルタグが閉じられていない」。
さてなんのことだろうと思って、netgeekのページを開き、ソースを表示し、タイトルタグをみてみると…。
確かに閉じられていない！最後に「>」が足りないのだ。そういえば、Googleの検索結果にタグが表示されていたことがあったのは、この閉じ忘れのせいだったのかと思い出しつつ、慌てて修正した。
しかし、それでも心配なことが「他にも閉じ忘れがあるのではないか」ということだ。目視で一つ一つ確認するのは大変だし、何かHTMLの文法をチェックできるツールがあれば…。
閉じ忘れをチェックするツール
検索した結果、超便利なツールを発見したので紹介しよう。
使い方は簡単2ステップ。
HTML内タグの閉じ忘れをチェックするツール[ブックマークレット]
http://tockri.blog78.fc2.com/blog-entry-168.html
（１）↑上記ブログにある「タグ対応をチェック」と書かれている部分で右クリックしてブックマークに追加
（２）調べたいページでブックマークに入れたリンクをクリック。
なんとこれだけ！実に簡単ではないか。
使ってみた
さっそく使ってみよう。
ライブドアブログ最大手の痛いニュースだと…
now conputingと表示された後に…
1つだけ見つかった！
問題箇所を見たが、特に問題はなさそう。さすがにライブドアブログのテンプレを使っているから、文法ミスはなさそうだ。
さて、次にnetgeekの個別ページで見てみるとなんと4つも検出されてしまった。
1と3は問題なさそうだが、2と4はおそらくコメント欄を非表示にしているからだろうか。正直、よくわからないので見なかったことにしたい…。現状、検索から省かれているということはないので、放っておいても大丈夫だろうか。
＊＊＊
このように、一瞬でタグの文法が確認できるブックマークレット、とても便利なので使ってみてはいかがだろうか。
Comments are closed.