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

解決済

質問者：aki1984
質問日時：2010/07/16 11:21
回答数：4件

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： ORUKA1951
回答日時：2010/07/18 12:16

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で自動的に何章とか何節とかは振ってくれるので・・

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2012/08/20 12:58

No.3

回答者： yyr446
回答日時：2010/07/16 14:42

No2.さんのやり方も役に立ちますが、あんまりコメントが長かったり

多かったりすると、かえって視認性が悪くなりますね。

タブやスペースを使ってインデント（桁下げ）して整理するのも一つの手です。

いずれも手打ち入力の話ですから、「ウェブデベロッパー」で出来るのか
どうか解りませんけど。

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2012/08/20 12:58

No.2

回答者： zeff#1
回答日時：2010/07/16 12:25

コメントアウトを使うのが基本だと思います。

分かりやすければ書き方は何でもいいんですが、

<html>
<body>
<div id="container">
<div id="section">
<div id="primary">
・・・
</div>
<div id="secondary">
・・・
</div>
</div>
<div id="sidemenu">
・・・
</div>
</div>
</body>
</html>

大枠のdivでくくりるときから
</div>の後ろに必ずコメントアウトする癖をつけておけば、
だんだん小さなくくりになっていったときにも混乱しませんよ。