Yahooトリプル内のリンクパスについて

Question

お世話になります。

Yahooトリプル内に、共通要素（ヘッダーやフッターなど）を含めたページを作ろうと思い、共通部分の画像リンクをサイトルート相対パスで書いたところ、アドレスからルートフォルダ（お店のアカウント部分）の部分が欠けてしまい、うまく表示されませんでした。

例）

http://shopping.geocities.jp/お店のアカウント/

上記のトリプルのサイトで、

ルート直下のサンプルページに、「image」フォルダの「A.jpg」を表示させようと思い、

 と書いたところ、正常に表示されなかった。

ページのソースで確認したところ、

http://shopping.geocities.jp/image/A.jpg　となっており、
geocities.jpとimageの階層の間に入るべき、ルートフォルダ名「お店のアカウント」が欠けてしまい、
ファイルが正常に表示されません。

試しに、ルートパスの頭に「/お店のアカウント」を加えてアップすると、A画像が正常に表示されました。

これは、何が原因なのでしょうか。
そもそも、私の、トリプルのルートフォルダに対する考え方が間違っているのでしょうか？
それとも、もともとトリプルのFTP設定の際に、「ルートフォルダを指定しない」となっていますので、
その関係での仕様なのでしょうか。

また、今回のようにリンクソースの位置は固定で、サイト内のあらゆる位置のファイルから、同一ソースのファイルにリンクしたいと考える時、ルートパスはとても便利だと思うのですが、もし今回の現象がトリプルの仕様であるならば、ルートパスの頭に必ず「/お店のアカウント」を加えなければならないのでしょうか。

モール付きのスペースですので一般的なサーバーとは違うと思いますが、まだいまいちトリプルの基本的な仕組みが理解できていません。
教えてください。

どうぞよろしくお願いいたします。

Accepted Answer

ECマスターズの田中です。

サイトルート相対パスにおいて、
サイトのルートフォルダは
http://shopping.geocities.jp
を示す仕様となっております。

ですが、トリプルで発行されたアカウントのルートフォルダは
ストア毎に割りあてられた
http://shopping.geocities.jp/ストアアカウント
になりますので、
トリプルの一番上のフォルダに「index.html」を置いた時のURLは
http://shopping.geocities.jp/ストアアカウント/index.html
となり、これをサイトルート相対パスで記述すると
/ストアアカウント/index.html
と書かなければならない、という仕様になっております。

サイトルート相対パスの利用が不便であるならば、
タグとドキュメント相対パスをご利用いただく方法はいかがでしょうか。

タグのhref属性で、ドキュメント相対パスの基準URIを指定できますので、
例えば、〜タグの中に




と書いておくことで、どの階層のHTMLファイルからも

http://shopping.geocities.jp/ストアアカウント/css/style.css

を読み込むことができます。

ローカルでプレビューされる際は、
ドキュメント相対パスで記述したリンクのジャンプ先が
トリプル上のファイルになることをご注意ください。

Answer

ECマスターズの清水です。

http://shopping.geocities.jp/
のアカウントがある場合は、me&hiroさんが記載されている
記述で問題ございませんが、

トリプルで発行されたアカウントのルートフォルダは、
ストア毎に割りあてられた
http://shopping.geocities.jp/ストアアカウント/
になりますので、
相対パスで指定する場合も
/ストアアカウントから指定する必要があります。

楽天GOLDも同様の仕様になりますので、
ショップURLから記述が必要になります。

Answer

早速のご回答ありがとうございます。

私の質問が少し説明不足だったかもしれません。

> トリプルで発行されたアカウントのルートフォルダは、
> ストア毎に割りあてられた
> http://shopping.geocities.jp/ストアアカウント/
> になりますので、

私もそのように理解しておりました。
つまり、「/ストアアカウント」がルートである、という理解です。

さらに私の理解では、ルートパス（正確に表現するなら、サイトルート相対パス）は、
パス先頭の「/」スラッシュが、ルートフォルダを示していますので、
例えば、ルート直下の「index.html」をルートパスで書くと、「/index.html」となると思います。

しかしながら、今回はルートフォルダを示す「/」+ルートフォルダ名「ストアアカウント」と書いてアップしないと、
正常に表示されませんでした。

上記の書き方（サイトルート相対パス）ですと、「/」スラッシュ自体がルートを示すので、
「ストアアカウント」のひとつ上の階層にある「shopping.geocities.jp」がルートフォルダということになります。

今までトリプルやGOLDでは、相対パス（ドキュメント相対パス、「index.html」や「./A.jpg」などの書き方）しか使用したことがなく、トリプルでのルートパス（サイトルート相対パス）の書き方でとても迷っています。

何より、「/ストアアカウント/以下のファイル」と書くと、ローカルでページをプレビューするのがやっかいので、大変不便に感じています。

トリプルやGOLDでサイトルート相対パスを使用する場合について、もう少し詳しくご解説いただけないでしょうか。
どうぞよろしくお願いいたします。

Answer

田中様

ご回答ありがとうございます。
よく理解できました。
要は、この現象はトリプルの仕様によるものなのですね。
ルートパスを使う場合には気をつけておきたいと思います。

タグの件、すごく良い事をうかがいました。
ありがとうございます。

確認させていただきたいのですが、これはドキュメント相対パスでないと使えないのでしょうか。

例えば、/pages/A.html と /pages/info_pages/B.html  の階層が異なる2つのページがあるとします。

各ページのタグ内に、とし、
それぞれのページから、ルート直下の /image/c.jpgを読みたいとします。

それぞれのページでc.jpgの相対パスを書くと、

A.htmlページの方は、「./image/c.jpg」 
B.htmlページの方は、「../image/c.jpg」

となると思います。

そうしますと、どちらも「http://shopping.geocities.jp/ストアアカウント/image/c.jpg」を
読んでくれる、ということでよろしいのですよね？

そこで大変恐縮なのですが、追加で質問させてください。

例えば、それぞれ階層の異なるAページとBページに「同じパスの記述」で共通バナーの画像「/image/c.jpg」を表示させたいと思います。

そのような場合、今回のとルートパスが併用できれば大変有効な方法かと思うのですが…、
どんなページであっても「/image/c.jpg」と書けば済みますので。

今回ご案内いただいたタグを使って相対パスの基準URIを指定した場合ですと、
ルートパス（＝どんな階層のページでも同じ記述でよいパス）は使えないのでしょうか？

本当に基礎的なことを何度もすみません。
よろしくお願いいたします。

Answer

ECマスターズの田中です。

＞各ページのタグ内に、とし、
＞それぞれのページから、ルート直下の /image/c.jpgを読みたいとします。
この場合、例でいただいた /pages/A.html と /pages/info_pages/B.html の各ページ、
どちらにおいても

と書くだけで読むことができます。

私の例ではタグのhref属性を出しましたが、
src属性など、HTML内のあらゆるドキュメント相対パスが
タグの記述を基準とするようになります。

Answer

ECマスターズ 田中様

ご回答ありがとうございます。

> 私の例ではタグのhref属性を出しましたが、
> src属性など、HTML内のあらゆるドキュメント相対パスが
> タグの記述を基準とするようになります。

なるほど、よく解りました。
どうやら前に質問させていただいた段階では、タグの理解を間違えていたみたいです。

任意の階層にあるファイル内の相対パスとはいっても、あくまでで指定したURIがパスの起点になる、ということですね。
すごく便利なタグを教えていただき本当にありがとうございました。

ご教示いただいたタグと方法を使って、実現したいことにチェレンジしてみたいと思います。
今後とも、どうぞよろしくお願いいたします。