DIVタグの閉めに一工夫

節分の豆はお酒のつまみによく合うなあと思ったjyunzyです

今回はHTMLのDIVタグの閉め忘れを防止するための方法をお話したいと思います。

CSSでのレイアウトはDIVタグを入れ子にして作る事が多いですが、私の場合、いくつもの
DIVタグを重ねていくうちに、DIVタグを閉じるのを忘れてしまったり、どれがどのDIVタグの
閉めなのか分からなくなったりしてしまいます

で、当然、レイアウト崩れとなってしまいます

そこで、このような崩れを起こさないために、

「あらかじめ閉めのDIVタグに「目印」をつけてみては？」

と考えてみました。

具体的にはこう↓

<div class=”main”>
～～～
</div><!– main終わり –>

このようにDIVタグの閉めのすぐ隣にコメントを追加する事で、何のDIVなのか分かるようになりますね

あらかじめDIVタグに一工夫をする事で、修正に時間を取られないで済みそうですね

ブログランキングに挑戦中です。クリックしてくれると嬉しいです

こっちも