IRORIBATA

その他あれこれ

フレーム分割表示

20011年2月22日

今後主流となるHTML5ではフレームセット(<frameset>)がなくなるようです。
わかりやすいページ分割表示にたいへん重宝していますが、情報収集ロボットと相性が悪いということのようです。
仕方がないので<frameset>は使わずに、人間との相性をまず大事にして、javascriptを駆使してインラインフレーム(<iframe>)を使い同等の表示をすることにしました。

その昔多くのサイトが<frameset>タグを使用したフレーム表示を採用していました。
多くはインデックス(目次)ページとそ各内容のページに分けて表示していました。

この<frameset>を使うメリットは以下のようなことで、おそらく一言で言えば人間にとってとてもわかりやすいということでしょう。

1.	サイト全体の構成や内容の把握をインデックスフレームで、その詳細を内容のフレームで容易に把握できる。
2.	インデックスページとコンテンツページを別々に作れるため、サイトの構築がやりやすい。

ただこの<frameset>は初期の検索ロボットの情報収集能力とは相性が悪かったようで、検索結果が上位にこないなどの弊害があると言われていました。
このためかプロは<frameset>をつかうべきではないなどと言われ、画面べた一枚、本文とタイトルのリストが並べられて同時にスクロールされ、次のページを見るには頭にスクロールし戻さなくてはならないといった(人間には)大変見にくく操作もめんどいページが増えてしまいました。

また機械的な情報収集がしやすいようにとの目的か、HTML5の仕様では<frameset>が非推奨となり、分割表示にしたければ代わりにごく単純化された<iframe>を使うこととなります。

実は<iframe>を使って<frameset>と同等のことをしようとするとjavascriptを駆使しなくてはならず、多少面倒です。
IRORIBATAではがんばって<iframe>を使ってタイトルと本文の分割表示、およびその間の連携操作を可能としました。
やはりこの方法が一番わかりやすく操作しやすいように思います。

検索ロボットとの相性で言えば、しばらく<frameset>を使っていましたが、そのうち検索ロボットの急速な進化により問題は全く感じられなくなりました。でもHTML5への対応のため、そしてなにより人が見やすいようにと<iframe>を使ってのメニュー／記事分割表示としました。