■HTMLソースのコメントを見つけ易くする小技■

  • 2017.08.29 Tuesday
  • 21:42

HTMLソースを書いていて、

(HTMLに限らず、CSSでも他の言語でも同じ要領ですが)

あとで解り易いようにコメントを入れる事がありますが、

探している箇所をスクロールさせながら見て行っても、見落としてしまったり見辛い事があります。

そういう事を軽減する小技があります。

 

単純に「■」「★」「〓」「▼」「▲」などの塗りつぶしの多い記号を入れておくという方法です。

例えば、

 

<!-- ここから始まる -->

<p>本文</p>

<!-- ここで終わり -->

 

と書くよりも、

 

<!-- ■ここから始まる〓 -->

<p>本文</p>

<!-- 〓ここで終わり■ -->

 

と書いた方が、膨大な記述の中からコメントを見つけ易いという事です。

また、組み合わせを考える事によって

ひと目で、始まりと終わりを見分けられるようにもできますから、

コメント自体を読まなくても大まかな構造の切り替わる位置を把握する事もできます。

 

入れ子になっている場合は、同じ文字を続けて「■■■」などとしておくと、

そこは「三階層目」なのだと解ります。

 

 

余談になりますが、

「■」は「しかく」、

「★」は「ほし」、

「〓」は「げた」、

「▼」「▲」は「さんかく」で大抵は変換できるはずです。

また、自分がよく使うマークが変換で出て来ないのであれば、

IME(日本語変換機能など)のユーザ辞書に登録しておくと便利です。

 

JUGEMテーマ:WEBデザイン:ホームページ制作

 


お気に召しましたら、一票(ワンクリック)下さい。ランキングに参加しておりますゆえ。


人気ブログランキング

ウェブデザインランキング

[このブログの「selected entries」「categories」へジャンプする]

コメント
コメントする








    

calendar

S M T W T F S
     12
3456789
10111213141516
17181920212223
24252627282930
31      
<< March 2024 >>

カウンターなど


[このブログの「selected entries」「categories」へジャンプする]


[✓]

ユグドア」(YggDore)に登録済みです。
カンパやチップを大歓迎します!
要望等も受け付けてます。
(できる範囲が狭いが)

このページへチップを贈る



DIYフリークの集い
(ウェブリング)

前へ
このサイト名欄
次へ
ランダムに飛ぶ
リンク一覧
参加を希望する
Q&A

ランダムでサイトをひとつ紹介します。



Twitterも↓やってます

お勧めソフト、サービスなど

私がよく使うショップ

  ヨドバシ.com/ヨドバシカメラ  

  モノタロウ  

  Amazon.com  

  西友-SEIYUドットコム  

イオンショップ

私も「ビッグローブ光」に乗り換えました。↓


私も「mineo」に乗り換えました。
満足度調査でトップクラスらしい。↓



私も「Norton Internet Security」使ってます。↓

シマンテックストア




楽天モーションウィジェット
A8.net版

(あなたのご利用傾向から)





利用しているアフィリエイト


機能的かも↓


「西友 SEIYUドットコム」のアフィリエイトならここ↓


記事が少なくても審査に通りました。↓

リンクシェア アフィリエイト紹介プログラム

「住信SBIネット銀行」のアフィリエイトならここ↓

アフィリエイトのアクセストレード

誰もが知る楽天市場↓


なんでもござれのAmazon↓





試用スペース

試しに貼ってみた

↓ローテーションバナー(無作為)






ここまで試用スペース



selected entries

categories

archives

recent comment

recommend

links

profile

search this site.

others

mobile

qrcode

powered

無料ブログ作成サービス JUGEM