コード楽ちん入力用辞書 HTML編

最近のエディタは賢くて、
コードを入力しているとうまく補間してくれる。
いや最近のじゃなくても賢かったのかもしれないが
ともかく HTML を書き始めた頃はそんなものなかったので
ひととおり辞書登録していた。

今でもちょっと編集したいときやブログを書くときなど
便利なので使っている。楽ちんだ。

なので、こう入力したらこう出るようにしてるよ、というのをメモ。

よく使う HTML タグ

※「入力」は実際に入力するキー、「表示」は入力したときの画面表示。

入力 表示 変換
ah あh
  • <a href="">
  • </a>
  • <div></div>
  • <div>
  • </div>
  • <p></p>
  • <p>
  • </p>
br br <br />
sp sp <span></span>
img いmg <img src="" alt="" />
bq bq <blockquote><p></p></blockquote>
ul うl <ul></ul>
ol おl <ol></ol>
<li></li>
h3 うl <h3></h3>
h4 うl <h4></h4>
tg tg target="_blank"
cl cl class=""
id いd id=""
st st style=""

よく使う実体参照

入力 表示 変換 参照文字
amp あmp &amp; &
lt lt &lt; <
gt gt &gt; >
quot qうおt &quot; "
lq lq &laquo; «
rq rq &raquo; »

いずれも、入力した時点で普通のかなにならないようにするのがポイント。
そうすれば不必要なときに間違って出てくることがない。

あと CSS 用と JavaScript 用にも登録しているけどまた今度。

それにしても、ものぐさ系の記事を書くときは
何でこんなに活き活きとしてるんだろう。

関連エントリ

  • このエントリーをはてなブックマークに追加

One Response to “コード楽ちん入力用辞書 HTML編”

  • 2008/01/21 21:18

    > ものぐさ系の記事を書くときは
    何でこんなに活き活きとしてるんだろう
    「手抜きをするための労力は惜しまない」
    というのが、IT 系でお仕事をする不可欠の資質だからです :)