2005-07-19 アーカイブ

引用には blockquote 要素または q 要素を使おう

• Copy URL+で、ブログ引用文のコピペHTMLを自動生成：Goodpic

他のブログ記事を引用してエントリーを書くための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 をもう一度読んでください。

together

――愛車に乗り込み、エンジンをかけたところで「バケツをひっくり返したような」という形容がふさわしい勢いに、雨が強まる。 雲の上でけつまづいたのはどこのどいつだっ、と悪態をつきつつ、でも半端に降られるよりは諦めもつくさという方向に考えをシフトして出発。 この雨なら下道は大渋滞だろう、そう思って最寄りのインターチェンジから高速に乗り込み、約束の時間に遅れないようにする。

しかし、それほどの雨が降っているということで、高速道路上は 50km/h の速度制限。 今回、高速を使う理由は速度を稼ぐためではなく、赤信号による停車時間の回避や、大回りとなる下道ではなく直線的に結ばれる高速での距離短縮なので、大きな影響はないのだけれど。 15 分ほど進むと、嘘のように晴間が広がっていたので、少し拍子抜けしながらも友人の家へと車を走らせる。

高速を降り、近くのコインパーキングに車を停めて友人の部屋へ。 さっそく手土産の XXXX Bitter を出すと「懐かしいなあ」の声。 ちょうどバレーボールの中継が始まったので、試合が盛り上がってきたところで開栓し、互いにラッパで乾杯。 Bitter の名のごとく、苦めのテイストで自己主張が強いビールだけれど、それが友人の好みに適ったようだ。 そして、それは自分の好みにも。 果敢に戦うバレーボールチームへの歓声をつまみに思い思いに飲み干し、中継が終わったところで近くへ夕食に繰り出す。

その翌日彼らと共に遠出を楽しみ、そしてそのことや昨日のことを遠い地で忙しく過ごす旧友にメールで伝えると、「君たちだけ楽しんでいて、何だか悔しい」という返事が返ってきたため、仕事が落ち着いたときには自分がどこかに連れて行ってあげるさ、と答えて家路に着いた。 さて、腐れ縁の彼女とは何を一緒に飲んでどこに一緒に行こうか。