インターネットやコミュニケーションの話題を中心に、思ったことをつらつらと書いていくブログです。

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

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

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

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

よく使う HTML タグ

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

入力表示変換
ahあh
  • <a href="">
  • </a>
  • <div></div>
  • <div>
  • </div>
  • <p></p>
  • <p>
  • </p>
brbr<br />
spsp<span></span>
imgいmg<img src="" alt="" />
bqbq<blockquote><p></p></blockquote>
ulうl<ul></ul>
olおl<ol></ol>
<li></li>
tgtg target="_blank"
clcl class=""
idいd id=""
stst style=""

よく使う実体参照

入力表示変換参照文字
ampあmp&amp;&
ltlt&lt;<
gtgt&gt;>
quotqうおt&quot;"
lqlq&laquo;«
rqrq&raquo;»

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

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

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


関連エントリ

トラックバック

コメント

2008年01月21日 21:18

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

「手抜きをするための労力は惜しまない」
というのが、IT 系でお仕事をする不可欠の資質だからです :)