初めて自分の家と他人の家が違う、と意識した時

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

A 回答 (4件)

自分でルールを決めておきましょう。


私は、ブロック要素はタブ・・
<body>
- - <div class="header">
- - - - <h1>タイトル</h1>
- - - - <div class="abstract">
- - - - - - <h2>抄録</h2>
- - - - - - <p>
- - - - - - - - このページでは、・・・・
- - - - - - </p>
- - - - - - <p>
- - - - - - - - このページでは、・・・・
- - - - - - </p>
- - - -</div>
- - </div>
- - <div class="section">
- - - - <h2>本文</h2>
- - - - - - <p>
- - - - - - - - このページでは、・・・・
- - - - - - </p>
連続したタブや改行、半角スペースは「ユーザエージェントは、語間スペースの出力処理に際しては、連続する空白類の入力があった場合は1つにまとめてしまう必要がある。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」から、ソースが見やすいように改行、タブ、半角スペースでインデントさせると良いでしょう。

※きちんと開始タグでインデント、閉じタグでインデント解除
※むやみやたらと<DIV>を使わない。使うときは
 『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するため( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』
 なのですから、今何処にいるかもわかるはず
※よいテキストエディタを使用する。
 私のEmEditorだと、添付のように何処までがその開始タグかわかる。
★基本は、タグごとにインデントさせること
★むやみにDIVなど使わないこと。
 
「</div>は、どのdivに対しての終わ」の回答画像4
    • good
    • 0
この回答へのお礼

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

お礼日時:2014/02/23 21:27

フリーで「HTML整形ツール」があります。


簡単にインデントをつけて整形してくれるので、とても便利です。

参考URL:http://u670.com/pikamap/htmlseikei.php
    • good
    • 0
この回答へのお礼

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

お礼日時:2014/02/23 21:27

Tab、または半角スペース4つ程を使用してインデントを入れます。

例えばこの質問ページのソースなどもそのようになっているかなと思います。
    • good
    • 0
この回答へのお礼

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

お礼日時:2014/02/23 21:27

ツールによっては、自動で字下げしたり、対応するタグの色が変ったりします。



それ以外なら、コメント付けるくらいでしょう。
そのコメントが間違ってることもありますが

別解として、divを極力使わない、というのもあります。
    • good
    • 0
この回答へのお礼

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

お礼日時:2014/02/23 21:27

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!