記事本文
引用には blockquote 要素または q 要素を使おう
他のブログ記事を引用してエントリーを書くためのTips。 、<div class="refer"></div>のように、引用記事をdivタグで囲んでCSSで枠線をつけるようにしています。
引用を示す要素が無ければ、このように div 要素にそれらしい class 名を付けて、 CSS を用いて視覚的な差異を付けるという手法もまあありかもしれませんが、 HTML には blockquote 要素や q 要素という引用を示す要素が存在します。
FireFoxのエクステンション、Copy URL+は、以前の記事で紹介して以来、ずっとつかっていたのですが、これで引用HTMLを簡単に作れるじゃない、ということに突然気づきました。 ChromEditでuser.jsに以下のような、user_prefを追加。
user_pref('copyurlplus.menus.3.label','Reffer HTML'); user_pref('copyurlplus.menus.3.copy','<div class="refer"><p><a href="%URL%">%TITLE%</a></p><p>%SEL%</p></div>');
私の書き方が分かり辛かったのかなあ
引用HTMLを簡単に作れるじゃない、ということに突然気づきました
と書かれてあり、以前に Copy URL+ について触れたという FireFoxでブログ書きをもっと便利に : Copy URL+, del.icio.us など：Goodpic へのリンクがありますが……。
FireFoxでブログ書きをもっと便利に : Copy URL+, del.icio.us など：Goodpic を見ていただくと分かりますが、私が書いた Copy URL+ をカスタマイズへのリンクが記事中にあります。
そして、 Copy URL+ をカスタマイズの記事中には手軽に引用を示すためのコード記述の例を挙げています。
- Create Blockquote
blockquote 要素での引用に使用します。 cite 属性に現在表示しているページの URI を、 title 属性に現在表示しているページの title 要素の値を用いた blockquote 要素を作成します。
引用したいテキストをあらかじめドラッグしておくことで、その blockquote 要素内の p 要素内に引用したいテキストを挿入することができます。
user_pref('copyurlplus.menus.4.label','Create Blockquote'); user_pref('copyurlplus.menus.4.copy','<blockquote cite="%URL%" title="%TITLE%">\n\n<p>\n%SEL%\n</p>\n\n</blockquote>');クリップボードには以下のような形式でコピーされます。
<blockquote cite="URI" title="Title"> <p> #PCDATA </p> </blockquote>- Create Quote
q 要素での引用に使用します。 cite 属性に現在表示しているページの URI を、 title 属性に現在表示しているページの title 要素の値を用いた q 要素を作成します。
引用したいテキストをあらかじめドラッグしておくことで、その q 要素の内容に引用したいテキストを挿入することができます。
user_pref('copyurlplus.menus.5.label','Create Quote'); user_pref('copyurlplus.menus.5.copy','<q cite="%URL%" title="%TITLE%">\n%SEL%\n</q>');クリップボードには以下のような形式でコピーされます。
<q cite="URI" title="Title">#PCDATA</q>
金子 順さん ( Goodpic ) が、前回の時点で私の記事をちゃんと読んで下さっていれば、今回のような間違った理解をされなくて良かったのかと思うと、私の説明スキルはまだまだだなあと思ってしまうのです。
トラックバック送信先
- Copy URL+で、ブログ引用文のコピペHTMLを自動生成：Goodpic
-
今回書かれている div で引用部分を囲む方法は、引用になっていません。 お手数ですが、前回リンクいただいた http://hxxk.jp/2004/10/03/0547 をもう一度読んでください。
