寝太郎の江戸風呂。ね！

[PR]

2024/04/24 (Wed.)

トピックパス/TopicPath

「トピックパス」とは、トピックがツリー状の上下関係を持っている場合に、現在表示されているトピックに至る経路を示すものです。パンくずリスト（breadcrumb list）という方が馴染み深いが、ここで紹介する「トピックパス」のナビゲーションは、1つの文書の中のトピックのみを対象とするので、あえて一般的なイメージの強い呼び方を避けました。

パンくずリスト（breadcrumb list）は、ウェブサイト内におけるウェブページの位置ををハイパーリンクで示すので、SEO（検索エンジン対策）に有効とされています。SEO（検索エンジン対策）のことを考えれば、検索エンジンが読み取りにくい JavaScript でパンくずリスト（breadcrumb list）を作成するのは適当ではないでしょう。

しかし、すべてのウェブページが他人に見てもらうことを目的としているわけではありません。中には、自分のためだけのメモ、身内だけのリファレンスを目的としているものもあります。今回、紹介する「トピックパス」は、そのような閉鎖的なページを作成する時に便利なツールだと思っています。

サンプルファイルをアップロードしましたので、イメージは、そちらで掴んで下さい。
■　topicPath,html

この「topicPath,html」は、ウェブページを アイフォン/ iphone 風に表示するツールである　"iUI"
のスクリプトとCSSに影響を受けて作成しています。

次回以降、「topicPath,html」の基本的な考え方やベースとなるスクリプトに説明したいと思います。

2011/01/29 (Sat.) Trackback() Comment(0) JavaScript