HTML <marquee> タグにご用心!
私はホームページ作成の仕事もしているので、自分のホームページをHTMLで作成しました。通常使っているWebブラウザが Internet Explore なので気付かなかったのですが、Google Chrome で見ると自分のホームページのトップページだけ表示が崩れていることを最近発見しました。ページの幅を指定しているのに、トップページだけ画面いっぱいに表示されるけれど画像が短くてすごく変です。慌てて以前作ったお客様のページを確認しましたが、表示がおかしいのは自分のトップページのみだったので、気になってはいましたが放置していました。そして今日ついに原因追求すべく、HTMLを調べることにしました。まず、トップページと他のページを比べ、トップページのみに施した機能を排除していきました。 ・Java Script を使ったロールオーバー機能を取りました。 ・Amazon の検索ボックスを取りました。 ・サイドバーの幅も狭かったので、指定幅の画像を挿入しました。 (サイドバーの幅は正常になりました。)などなど、久しぶりのHTML作業に思い当たることを試してみましたがダメでした。そこで、ハッと思い、文字が流れる「marquee」タグを取ったところ、正常に表示されるようになりました!調べてみると「marquee」タグは、Internet Explore 独自のタグだったのです。「marquee」タグは文字が流れて目立つので、つい使ってしまいましたが、本来、特定のブラウザに依存するタグは使うべきではなかったのです。当時は Internet Explore の独壇場だったので、そんなことも考えず使ってしまいました。そして Safari でも問題なく表示されたので、見過ごしてしまいました。もし、「marquee」タグを使っている方がいらしたら、注意してくださいね!