• ベストアンサー

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

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

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

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.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-html401j/struct/text.html#h-9.1 )」から、ソースが見やすいように改行、タブ、半角スペースでインデントさせると良いでしょう。 ※きちんと開始タグでインデント、閉じタグでインデント解除 ※むやみやたらと<DIV>を使わない。使うときは  『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するため( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』  なのですから、今何処にいるかもわかるはず ※よいテキストエディタを使用する。  私のEmEditorだと、添付のように何処までがその開始タグかわかる。 ★基本は、タグごとにインデントさせること ★むやみにDIVなど使わないこと。  

PIIJDJMJDQX
質問者

お礼

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

その他の回答 (3)

  • warpspace
  • ベストアンサー率56% (83/147)
回答No.3

フリーで「HTML整形ツール」があります。 簡単にインデントをつけて整形してくれるので、とても便利です。

参考URL:
http://u670.com/pikamap/htmlseikei.php
PIIJDJMJDQX
質問者

お礼

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

  • weakweak
  • ベストアンサー率34% (350/1003)
回答No.2

Tab、または半角スペース4つ程を使用してインデントを入れます。例えばこの質問ページのソースなどもそのようになっているかなと思います。

PIIJDJMJDQX
質問者

お礼

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

  • kmee
  • ベストアンサー率55% (1857/3366)
回答No.1

ツールによっては、自動で字下げしたり、対応するタグの色が変ったりします。 それ以外なら、コメント付けるくらいでしょう。 そのコメントが間違ってることもありますが 別解として、divを極力使わない、というのもあります。

PIIJDJMJDQX
質問者

お礼

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