- ベストアンサー
</div>は、どのdivに対しての終わりなのか
<div class="test1"> <div class="test2"> ・・・ ・・・ </div> </div> とする時に、</div>は、どのdivに対しての終わりになるのか、わからなくなってしまうのですが、 何か目印を付ける方法はないのでしょうか? コメントで自分がわかるようにメモを付けるしかないですか?
- みんなの回答 (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など使わないこと。
その他の回答 (3)
- warpspace
- ベストアンサー率56% (83/147)
フリーで「HTML整形ツール」があります。 簡単にインデントをつけて整形してくれるので、とても便利です。
お礼
ありがとうございました。
- weakweak
- ベストアンサー率34% (350/1003)
Tab、または半角スペース4つ程を使用してインデントを入れます。例えばこの質問ページのソースなどもそのようになっているかなと思います。
お礼
ありがとうございました。
- kmee
- ベストアンサー率55% (1857/3366)
ツールによっては、自動で字下げしたり、対応するタグの色が変ったりします。 それ以外なら、コメント付けるくらいでしょう。 そのコメントが間違ってることもありますが 別解として、divを極力使わない、というのもあります。
お礼
ありがとうございました。
お礼
ありがとうございました。