参照しやすい日記

HTML的なTipsをひとつ。「こりゃ使える」と思ったらどうぞ使ってください。ただし、誰かが既にやっていることです。僕も「正しいHTML」を推進してる人たちの真似をしているに過ぎません。


idを振る

日記をコンテンツにしている人のほとんどは過去ログも閲覧出来る状態になっていると思います。「○月上旬、○月中旬、○月下旬」などと一月を3つに分けたり、あるいは僕のように一月ごとにHTMLにまとめたりしていると思います。こういう場合は「○月○日の日記を直接見たい。ページをスクロールして探すのが面倒。」という人のために、日付や話題ごとにidを振って直接飛べるようにしておくのがベターです。ついでにアンカーも設けておくとURLを取得するのが楽です。

2月21日

上記の「2月21日」という見出しには次のようなマークアップがしてあります。

<h3 id="d0201"><a href="#d0201">2月21日</a></h3>

「2月21日」の文字にマウスポインタを合わせてみてください。URLが取得出来ます。これを利用してサイト内外からこの見出しを参照することが出来るわけです。idをそのまま日付の数字にしておくとわかりやすいと思います。

自分で参照する時にも他人から参照される時にも便利なので、是非やっておきたいマークアップです。後々日記の過去ログが膨大な量になったときに、反響のあったものをピックアップしたりするのに威力を発揮します。恐がりでは冷麺セレクトがこれにあたります。CGIを使用して日記をアップしている人は、元々日毎にリンクがあったりするので意味ないかもしれませんが。

id を多用するのはミニノートやPDAなどの携帯端末にとってもユーザーフレンドリーなマークアップです。これらの貧弱な液晶画面でスクロールするのは骨の折れる作業ですから、出来るだけリンク先はピンポイントで表示されるべきなのです。ただしiモードでは id が使えませんから代わりに name を使います。HTMLは以下のようになります。

<a name="0221"></a>
2月21日

空のアンカーはHTML的には掟破りですが、iモードのHTMLの仕様自体が掟破りなので気にしないでいいでしょう。


「過去ログの特定の日付に直リンクするなんてとんでもない」「トップページ以外へのリンクは許可しない」という思想の持ち主は未来永劫呪われればいいと思います。

2002/02/21

prev(Pnext(N)
webmaster@kowagari.net