みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

どのサイトでも共通で使える短縮パスみたいなのを教え

<ol itemscope class="inline_block_none" itemtype="http://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="">
<span itemprop="name">トップページ</span>
</a>

パンくずリストのタグでトップページに戻る為のURLは何を入れれば良いでしょうか?
実際のトップページのパスではなく
どのサイトでも共通で使える短縮パスみたいなのを教えていただけませんか?

href=""
だと現在のページへリンクされてしまいます。

投稿日時 - 2017-06-15 22:42:31

QNo.9341599

暇なときに回答ください

質問者が選んだベストアンサー

回答No.1さんのは相対パス、回答No.2さんのはルート相対パスといいます。
別のドメインにもっていっても、「今いるドメインの中で行き先を指示する」という意味ではどちらも正解ですが、どちらも一長一短があります。

■回答No.1さんの相対パス
今いる場所から相対的に見たパス、という意味なので、すべてのページに同じ書き方をしてはリンクされません。

例えば今いるページが
http://schema.org/BreadcrumbList
だった場合のトップページは[../]になり、
http://schema.org/BreadcrumbList/next
だった場合のトップページは[../../]になります。

ただ、この書き方だとローカル環境(お手元のPC)上でページを作っている場合でもリンクや画像がきちんとつながります。


■回答No.2さんのルート相対パス
今いるサイトのトップページ(ドメインのルート)から見たpathなので、どのページでも同じ書き方でOKです。

リンク先が
トップページは[/]、
http://schema.org/BreadcrumbList
だったら[/BreadcrumbList]になります。

ただし欠点もあって、普通にローカル環境(お手元のPC)上で見た場合はルートを正しく認識できないので、リンク先や画像・cssなどすべて切れてしまいます。
ローカルでこれらを正しく表示させるにはwindowsならxammpなどで環境作りをする必要があります。

投稿日時 - 2017-06-17 12:45:05

お礼

回答ありがとうございました。

投稿日時 - 2017-06-24 11:10:51

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.2

そのドメイン(ホスト名)でアクセスしたときのTOPなら

<a href="/">TOP</a>

でいいです。

投稿日時 - 2017-06-16 08:52:47

お礼

回答ありがとうございました。

投稿日時 - 2017-06-24 11:10:53

ANo.1

こういうのでしょうか。../
href="../index.html"

投稿日時 - 2017-06-15 23:42:03

お礼

回答ありがとうございました。

投稿日時 - 2017-06-24 11:10:55

あなたにオススメの質問