■HTMLソースのコメントを見つけ易くする小技■
- 2017.08.29 Tuesday
- 21:42
HTMLソースを書いていて、
(HTMLに限らず、CSSでも他の言語でも同じ要領ですが)
あとで解り易いようにコメントを入れる事がありますが、
探している箇所をスクロールさせながら見て行っても、見落としてしまったり見辛い事があります。
そういう事を軽減する小技があります。
単純に「■」「★」「〓」「▼」「▲」などの塗りつぶしの多い記号を入れておくという方法です。
例えば、
<!-- ここから始まる -->
<p>本文</p>
<!-- ここで終わり -->
と書くよりも、
<!-- ■ここから始まる〓 -->
<p>本文</p>
<!-- 〓ここで終わり■ -->
と書いた方が、膨大な記述の中からコメントを見つけ易いという事です。
また、組み合わせを考える事によって
ひと目で、始まりと終わりを見分けられるようにもできますから、
コメント自体を読まなくても大まかな構造の切り替わる位置を把握する事もできます。
入れ子になっている場合は、同じ文字を続けて「■■■」などとしておくと、
そこは「三階層目」なのだと解ります。
余談になりますが、
「■」は「しかく」、
「★」は「ほし」、
「〓」は「げた」、
「▼」「▲」は「さんかく」で大抵は変換できるはずです。
また、自分がよく使うマークが変換で出て来ないのであれば、
IME(日本語変換機能など)のユーザ辞書に登録しておくと便利です。
JUGEMテーマ:WEBデザイン:ホームページ制作
お気に召しましたら、一票(ワンクリック)下さい。ランキングに参加しておりますゆえ。
人気ブログランキング |
ウェブデザインランキング |