Zen Codingで引用を設定する

Zen Codingで引用を設定する

HTMLで外部サイトや第三者の発言などを引用するには、HTMLタグ「<blockquote>」や「q」を使います。blockquoteは独立した段落として比較的長い引用、qは本文中の短い引用、と使い分けます。

Zen Codingでは、「<blockquote></blockquote>」の省略形は「bq」、「<q></q>」の省略形は「q」です。省略形を入力して展開し、引用の開始タグと終了タグの間に引用文を入力します。

1. 省略形の入力

   Zen Codingを導入したエディタで引用の省略形「bq」を入力する。

   
2. 省略形の展開

   ショートカットキーで省略形を展開する。

3. コードが展開された

   「bq」が「<blockquote></blockquote>」と展開されている。開始タグと終了タグの間に引用文のテキストを入力する。

   
4. 省略形の入力

   Zen Codingを導入したエディタで引用の省略形「q」を入力する。

   
5. 省略形の展開

   ショートカットキーで省略形を展開する。

6. コードが展開された

   「q」が「<q></q>」と展開されている。ブラウザーの表示では、引用部分が「""」で囲まれている。

   
7. 引用文の入力

   開始タグと終了タグの間に引用文のテキストを入力する。

   <p>Aさんは<q>引用文のテキスト</q>と言いました。</p>
   <blockquote>
   <p>Zen-Codingは多くのテキストエディタのプラグインとして動作します。</p>
   </blockquote>