• ベストアンサー

どの<div>に対するおわりなのかをわかるツール

ページのソースを見た時に <div>がたくさんあるのですが </div>がどの<div>に対するおわりなのかをわかるツールは有りますか? <div>をクリックすれば該当の</div>に飛ぶみたいな。

質問者が選んだベストアンサー

  • ベストアンサー
  • yoruaru-q
  • ベストアンサー率17% (476/2703)
回答No.1

最近のブラウザについている開発者向けツールであればdivの開始と終了をセットで表示してくれます。 よろしければ、ちょっとお試しください。 ・IEでF12をおして開発者ツールを開く ・FireBugでは右クリックから「要素を調査」を開く ・Chromeでは右クリックから「要素を検証」を開く

vkwnkmkrrq
質問者

お礼

ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • </div>は、どのdivに対しての終わりなのか

    <div class="test1">   <div class="test2"> ・・・ ・・・   </div> </div> とする時に、</div>は、どのdivに対しての終わりになるのか、わからなくなってしまうのですが、 何か目印を付ける方法はないのでしょうか? コメントで自分がわかるようにメモを付けるしかないですか?

    • ベストアンサー
    • HTML
  • タグの終わりを<\/div>と\を入れるのはなぜ?

    例えば<div>の終わりに</div>でなく<\/div>と書く人がいますが、 なぜですか?

    • ベストアンサー
    • HTML
  • <div>はどれに該当するのでしょうか?

    要素、タグ、ソースについてよくわからないのですが <div>はどれに該当するのでしょうか? ソースとタグですか?

    • ベストアンサー
    • HTML
  • </div>が1つ余計ですが

    <div>文字</div></div> となってる場合、</div>が1つ余計ですが そう言うのが解るチェックツールと言うかサイトは有りますか? 現在は一つ一つ目で追っています。

    • ベストアンサー
    • HTML
  • <div class="div_1" class=

    実際のソースは <div class="div_1" class="div_2">test</div> なのに、 グーグルクロームのデペロッパーツールの elementsで見ると、 <div class="div_1">test</div> となっています。 そのためなのか、 class="div_2"のスタイルシートが適用されていません。 <div class="div_1" class="div_2"> という書き方は間違えなのでしょうか?

    • ベストアンサー
    • HTML
  • <DIV> と </DIV> の間が空です。

    空白行を作りたくて <div style="padding-top:10px;"></div> と言うタグを入れているのですが ツールでチェックすると <DIV> と </DIV> の間が空です。 と言うエラーになるのですが、 何か文字を入れないとダメなのでしょうか?

    • ベストアンサー
    • HTML
  • <div>が2つ必要なのはなぜ?

    <div>が2つ必要なのはなぜ? いろんな人のhtmlソースを見てると <div id="container"> <div id="content"> 本文・・・・・ </div> </div> のように divを2つ使っていますが、なぜでしょうか? divが1つだけだと何か問題あるのでしょうか? よろしくお願いします。

  • テーブルとdiv

    テーブルもdiv+CSSも本来ページのレイアウトに使うのは正しくないのはわかっていますが、divとテーブルは同じ数だけ使用し、どちらもどのブラウザから見ても見た目に差がないようにできたとしたら、テーブルの乱用とdivの乱用はどちらの方がマシなのでしょうか? ちなみにどちらもページ全体をテーブルとdivで囲ってしまいます。 お暇な時でいいのですので回答お願いいたします。

  • div内の classのリンクのつけ方

    <body class="thrColFixHdr"> <div id="header"> <div id="headerIn"> <div class="logo">店名</div> <h1>ようこそ</h1> </div> <!-- end #header --></div> ホームページの一番上の部分です。 http://www.goo.ne.jp/ 上記サイトのように左上にロゴが入っており、 お店ページのロゴをクリックしたら、上記ページと同じようにトップページに戻るようにしたいのですが、 class="logo"にリンクをつけても反応してくれません。 それ以外にググって色々調べましたが、どうしても方法が分りません。 初歩的な質問かもしれず、恐縮ですがご教授いただければ幸いです。

  • divの入れ子を多用してページをつくることはださいのでしょうか?

    CSSで2カラム左メニューレイアウトのサイトを作成しております。 レイアウトはできたのですが、 ページ内にいくつかdivでボーダーのないボックスをつくり 写真をいれたり文章をいれたりします。 1ページのCSSレイアウトしたコンテンツ部分のdivの中に 5つほどdivが入れ子ではいる予定です。 インターネットでdivの多用について調べると ださいだの、わかってないだと書いてあります。 でもdivを多用しなければ、 例えば写真の横にテキストを配置したり、 よこにイメージを配置したいときに テーブルやHTMLタグをつかわないといけないので、 余計ソースが汚くなるんではないでしょうか? 私は、CSSを本格的に勉強し始めてほとんど初心者ですので、 詳しいことがわかりませんので、もしご存知の方おられましたらご意見お待ちしております。

    • ベストアンサー
    • HTML