以前、ブログのサイドバーの表示に
関するトラブルをお話したことがあります。
ブログのサイドバーがきれいに左右に表示されずに
下にずれ落ちてしまったことがあったんですね。
サイドバーの表示のトラブルのほとんどが
divタグの表記ミスが原因にあります。
ただ、表記ミスしているタグを
見つけるのは結構大変(´Д`;)
おまけに、一つならいいけど
複数間違っている場合はもっと大変です。
そこで、簡単にdivタグの表記ミスを
見つけることができるサイトを紹介します。
DIVタグ閉じ忘れチェッカー
今回、めいこが見つけたのが
DIVタグ閉じ忘れチェッカーというものです。
使い方はとっても簡単。
まず、タグチェックをしたいページを
コピー&ペーストで貼り付けします。
貼り付けをしたら
真ん中にあるチェックのボタンを押します。
すると、チェック結果がでてきて
DIVタグの数がおかしいと
「DIVタグの数に違いがあります!」というメッセージが表示されます。
タグっていうのは< > </ >が2個で1セットだということは
HTML講座の中でお話しましたよね?
⇒ HTMLの基本的な形~アフィリエイトに必要なHTML講座3~
<>と</>がセットになっていない
=タグの数に違いがあるということになるので
どちらかが抜けていると上記のようなメッセージが出てきます。
上のだと<>は10個に対して</>は9個しかありません。
ということは</>のタグを閉じるやつが
1つ抜けてしまっているということになります。
このように、簡単にDIVタグのミスを
見つけることができるのでブログの表示がおかしくなったときは
まずこのサイトでDIVタグチェックをしてみてくださいね。
編集後記
今日から、GWですね。
連休の方も多いのでしょうか?
連休だからこそ
- アフィリエイト作業に没頭する方
- ご家族と旅行に行く予定がある方
様々な過ごし方があると思います。
皆さん、無駄にせず有意義な連休にしてくださいね。
めいこさん、こんばんは。りんこです。
サイドバーって落ちることがあるんですね。
しかもDIVタグ閉じ忘れチェッカーというものがあるなんて、更に驚きです。便利ですね。
今回も勉強になりました!
ありがとうございます!
応援して帰ります♪
めいこさん、こんにちは!
あらぼうです^ ^
ブログ表示のトラブルは怖いですよね…。
ですが、
タグの間違った部分をチェックできるツールがあると、
助かりますね!!
僕は、今のところブログ表示のトラブルは
ない状態なのですが、
常にバックアップをとったり、
編集する際は気をつけていきたいと思います!
めいこさん、
いつもタメになる情報ありがとうございます♪
応援完了です!
あらぼうさん、こんにちは。
怖いです。
ほんとに怖いですよ^^;
今、ブログのレイアウトを少し変えようとしているんですが
その時に失敗しちゃっておかしいところを見つけるのに苦労しました^^;
>常にバックアップをとったり、
編集する際は気をつけていきたいと思います!
これ、とっても大事です!
バックアップは私もこまめにするようにしています。
いつ何があるかわからないですからね。
応援とコメントありがとうございます。
めいこさんこんばんは!
ナミです^^
こ、、これは、、、
素晴らしいツールですね!!
僕も今までタグを閉じわすれて
アタフタしてきましたので
こんな素晴らしいツールがあるなんて
おもいませんでした(笑)
今後何かあった時は早速活用
していきます!
素晴らしい情報
ありがとうございます!
本日も応援完了です^^
ナミさん、こんにちは。
私もこれを見つけた時は
よっしゃー!って思いましたよ。
よく、タグの閉じ忘れはしてしまうので^^;
これがあれば失敗しても安心かなって思います。
応援とコメントありがとうございます。
めいこさん、こんにちは。
はまぞふです。
DIVタグ閉じ忘れチェッカー って
便利ですね。
初めて知りました!!
閉じ忘れてしまうと、
意外と気が付きませんからね。
ちゃんと、チェックしておきたいですね^^
有益な情報ありがとうございます。
応援完了です^^
はまぞふさん、こんにちは。
タグってついついとじ忘れてしまうんですよね^^;
気を付けないとと思うんですが、
先日もやらかしてしまって、レイアウトは崩れるし
探すのが大変だったので何か対策はないのか?と
思って調べたら見つけました!
コメントと応援ありがとうございます。
こんにちは!
ロコです。
これは素晴らしいツールですね。
私もサイドバーが下にいってアタフタ
したことってありますよ。
このツールがあれば一発でわかるんですね。
いいツールを教えてもらいました。
ありがとうございます!
ロコさん、こんにちは。
サイドバーが下にずれたら
本当に焦りますよね^^;
最近もやらかしてしまって、
どうすればいいかと悩んでいるときに見つけました^^
このツール使ってみたら便利でしたよ。
コメントありがとうございます。
美衣子です。
こんな便利なツールがあるんですね。
参考にさせていただきました。
ありがとうございます。
美衣子さん、こんばんは。
divタグはミスしやすいので
このツールがあれば結構便利ですよ^^
コメントありがとうございます。
めいこさん
こんばんは。きりんです^ ^
ブログにご訪問&コメントくださり
ありがとうございますm(_ _)m
このツール、初めて知りました!
本当に便利ですよね。
私もある日、「サイドバーが消えた!」と
焦ってあれこれ試行錯誤したので、
役立つツールに出会えて嬉しいです。
とても参考になりました。
ありがとうございました!
応援完了しました!
またおじゃましますね^ ^
トーストきりん
きりんさん、こんばんは。
サイドバーってうっかり消しちゃうことってありますよね^^;
本当に焦ります。
私もこれを見つけてからはサイドバーが落ちても
落ち着いて対処することができるようになりましたよ^^
応援とコメントありがとうございます。
めいこさん こんばんは
先日は、ブログにご訪問いただき
ありがとうございました。
タグ閉じ忘れチェッカー
便利ですね^^
>ひとつ入れ忘れ
フッターが右にずれたことがありました(( ゜C_゜;))ェ…
分かってしまえば、なんだ~!でしたが
かなり、焦りました。
タグ閉じ忘れチェッカー活用させていただきます^^
応援完了しました。
キロルさん、こんばんは。
タグのとじ忘れって絶対やってしまいますよね^^;
私も最近やらかしてうわぁ~!ってなりました。
ぜひ、活用して見てください。
応援とコメントありがとうございます。
こんにちは。
私もワードプレスを使っているので
こういうチェックツールがあると助かります。
不具合があるとどこが悪いのか見つけるのが
大変なんですよね。
また訪問させていただきます。
かなたさん、こんにちは。
そうですね。
ワードプレスを使っているならdivタグチェックにはぴったりだと思います。
見つける時間も短縮されますよ!
コメントありがとうございます。