■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
    123
45678910
11121314151617
18192021222324
25262728   
<< February 2018 >>

カウンターなど


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


[✓]

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

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



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

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

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



Twitterも↓やってます

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

私がよく使うショップ

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

  モノタロウ  

  Amazon.com  

  西友-SEIYUドットコム  

イオンショップ

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


私も「SoftBank」のiPhone使ってます。↓



けど、「DMM mobile」に乗り変えの見込み。↓



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

シマンテックストア




Amazonマイウィジェット
私の最近のお気に入りアイテム





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

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





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


機能的かも↓


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


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

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

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

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

誰もが知る楽天市場↓


なんでもござれのAmazon↓





試用スペース

試しに貼ってみた

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






ここまで試用スペース



selected entries

categories

archives

recent comment

recommend

links

profile

search this site.

others

mobile

qrcode

powered

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