- ベストアンサー
divが思い通りになりません。ウェブデベロッパーでコーディングをしてい
divが思い通りになりません。ウェブデベロッパーでコーディングをしていますが、このdivの閉じタグはsectionの、この閉じタグはprimaryの、という風にしたいのですがprimaryの閉じタグがなぜかsectionと対応してしまったりして思い通りにいきません。同じdivという閉じタグが複数あるので混乱してしまいます。場所が違うと効果も違ってくるので正しく対応させるにはどうすればいいでしょうか。
- みんなの回答 (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で自動的に何章とか何節とかは振ってくれるので・・
その他の回答 (3)
- yyr446
- ベストアンサー率65% (870/1330)
No2.さんのやり方も役に立ちますが、あんまりコメントが長かったり 多かったりすると、かえって視認性が悪くなりますね。 タブやスペースを使ってインデント(桁下げ)して整理するのも一つの手です。 いずれも手打ち入力の話ですから、「ウェブデベロッパー」で出来るのか どうか解りませんけど。
お礼
大変遅くなりましたが回答ありがとうございました。
- zeff
- ベストアンサー率69% (137/198)
コメントアウトを使うのが基本だと思います。 分かりやすければ書き方は何でもいいんですが、 <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>の後ろに必ずコメントアウトする癖をつけておけば、 だんだん小さなくくりになっていったときにも混乱しませんよ。
お礼
大変遅くなりましたが回答ありがとうございました。
- Tacosan
- ベストアンサー率23% (3656/15482)
これだけだと「自分で対応をきちんと管理しろ」としか言えないなぁ. 「こう書いてこのように対応させたいんだけどこうなっちゃう」というのがあれば, まだ答えようもあるかもしれんが....
お礼
大変遅くなりましたが回答ありがとうございました。
お礼
大変遅くなりましたが回答ありがとうございました。