はてなの脚注記法みたいなものを普通のブログでもしたい。

質問

本文中に注を入れて、本文末に解説を入れるようなことですが、その際、本文の注に脚注へのリンクをつけたいのですが、簡便な方法はあるでしょうか。
はてなダイアリーの脚注がうらやましいです。

seesaaやfc2でやってみたいです。

回答No.1

MochaBrown · ベストアンサー

試していないのでseesaa,fc2で出来るかどうかはわかりませんし、全て手動で作るので面倒ですが…
それぞれのサービスで、もしHTMLタグが全て使用できるのであれば、Aタグのリンクアンカーを使えば出来るかもしれません。

～～～脚注を入れたい本文～～～
私は犬<a href="#inu" name="honbun_inu" title="犬とは、四足の動物です">*1</a>が大好きです

～～～”*1”をクリックして飛ぶ部分～～～
<a href="#honbun_inu" name="inu">*1</a>犬とは、四足の動物です

”inu”という部分は好きな文字列(アルファベットと数字。日本語は不可)です。
本文の”*1”をクリックすると説明に飛び、説明の”*1”をクリックすると本分に飛びます。

本文のhrefで説明に飛び、titleで説明部分の内容を表示しています。
説明のhrefで本文に飛び(そのために本文にname=""という部分があります)、説明のname="inu"で本文から説明に飛ぶための名前を付けました。

ややこしいので、本文から説明に飛ぶだけでいいのなら、
～～～脚注を入れたい本文～～～
私は犬<a href="#inu" title="犬とは、四足の動物です">*1</a>が大好きです

～～～”*1”をクリックして飛ぶ部分～～～
<a name="inu">*1</a>犬とは、四足の動物です

これで済みますが、それにしてもいちいちやるのは面倒くさいですよね。
諦めてはてなを使用するか、もしかしたらブログエディタの中には編集できるソフトがあるかも知れません。
アンカーについては、下記のサイトが参考になるかと。
http://www.nc-net.or.jp/kouza/web/html3/0010.html
http://heo.jp/tag/href/namelink.html
IEの右クリック拡張で、こんなものも見つけました。
http://www.vector.co.jp/soft/winnt/net/se398370.html

少しでも参考になれば幸いです。

お礼

教えてくださった方法をfc2で手作業で試してみました。まさしく私がやりたかったことです。双方リンクはややこしかったです。。慣れるまで片方リンクだけで我慢します。

そもそもアンカーという名前を知りませんでした。
fc2のWYSIWYGテキストエディターの「アンカー」というボタンで手作業と同じものが作れることもわかりました。手作業よりかは楽でした。
アンカーという名前と、原理がわからなければエディターのボタンの意味にまでたどり着けなかったと思います。

何から何まで完璧な回答ありがとうございました。