• ベストアンサー

divが思い通りになりません。ウェブデベロッパーでコーディングをしてい

divが思い通りになりません。ウェブデベロッパーでコーディングをしていますが、このdivの閉じタグはsectionの、この閉じタグはprimaryの、という風にしたいのですがprimaryの閉じタグがなぜかsectionと対応してしまったりして思い通りにいきません。同じdivという閉じタグが複数あるので混乱してしまいます。場所が違うと効果も違ってくるので正しく対応させるにはどうすればいいでしょうか。

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

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.4

webdeveroperでHTMLまで記述したことはありません。あくまで検証ツールだという認識です。--検証用はFirebugの方が使いやすい。  いずれにしてもHTMLは手で入力したほうが良いです。その場合きちんとタブでインデントさせればよい。 <body>  <h1 id="top">見出し</h1>  <div class="Abstruct">   <h2>見出し</h2>   <p>段落</p>  </div>  <div class="chapter">   <h2>見出し</h2>   <div class="section">    <h3>見出し</h3>    <p>段落</p>    <div class="subSection">     <h4>見出し</h4>     <p>段落</p>    </div>   </div>   <div class="section">    <h3>見出し</h3>    <p></p>   </div>  </div> </body>  のようにきちんとインデントさせれば、良いです。CSSで自動的に何章とか何節とかは振ってくれるので・・

aki1984
質問者

お礼

大変遅くなりましたが回答ありがとうございました。

その他の回答 (3)

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.3

No2.さんのやり方も役に立ちますが、あんまりコメントが長かったり 多かったりすると、かえって視認性が悪くなりますね。 タブやスペースを使ってインデント(桁下げ)して整理するのも一つの手です。 いずれも手打ち入力の話ですから、「ウェブデベロッパー」で出来るのか どうか解りませんけど。

aki1984
質問者

お礼

大変遅くなりましたが回答ありがとうございました。

  • zeff
  • ベストアンサー率69% (137/198)
回答No.2

コメントアウトを使うのが基本だと思います。 分かりやすければ書き方は何でもいいんですが、 <html> <body> <div id="container"> <div id="section"> <div id="primary"> ・・・ </div><!-- /primary --> <div id="secondary"> ・・・ </div><!-- /secondary --> </div><!-- /section --> <div id="sidemenu"> ・・・ </div><!-- /sidemenu --> </div><!-- container --> </body> </html> 大枠のdivでくくりるときから </div>の後ろに必ずコメントアウトする癖をつけておけば、 だんだん小さなくくりになっていったときにも混乱しませんよ。

aki1984
質問者

お礼

大変遅くなりましたが回答ありがとうございました。

  • Tacosan
  • ベストアンサー率23% (3656/15482)
回答No.1

これだけだと「自分で対応をきちんと管理しろ」としか言えないなぁ. 「こう書いてこのように対応させたいんだけどこうなっちゃう」というのがあれば, まだ答えようもあるかもしれんが....

aki1984
質問者

お礼

大変遅くなりましたが回答ありがとうございました。

関連するQ&A