忍者ブログ

2018
06
23

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2018/06/23 (Sat.)

2011
01
29

トピックパス/TopicPath

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

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

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

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

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

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



PR

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

Comments

名前
メールアドレス
URL
コメント
PASS  Vodafone絵文字 i-mode絵文字 Ezweb絵文字

Trackback

Trackback for this entry:

Links

ご注意

当サイトのスクリプトは、ブラウザが FireFox 3.0 であることを前提に作成されています。IE などでは正常に動作しないものがあります。

カテゴリー

ブログ内検索

最新記事

カレンダー

05 2018/06 07
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

アーカイブ

RSS

最新CM

[04/15 jTemplate]
[05/22 寝太郎]

プロフィール

HN:
寝太郎
性別:
非公開

バーコード

P R

アクセス解析

リンク

NSM

コガネモチ

フリーエリア