web-dev-qa-db-ja.com

同じページの異なるセクションへのリンクをクリックするときにURLを変更できますか?

同じページの異なるセクションへのリンクをクリックするときにURLを変更できますか?

同じページにさまざまなカテゴリで区切られた製品リストがあります。これらのカテゴリは次のようにハイパーリンクコードを使用しています。

<a href="#product category3">Take me to the product category 3.</a>

<a href="#top">Take me to the top of the page.</a>

質問

同じページを表示したままクリックしたときに、それぞれに独自のURLを持たせることはできますか?

なぜ私が尋ねているのですか?

ブレッドクラムも追加したいと思います。人がこれらの製品の1つをクリックして詳細を確認したい場合、それらはすべて別のページに送信されます。

パンくずリストを次のようにレイアウトするのかと思っていました。

ホーム>製品リスト>製品

または次のようにレイアウトします:

ホーム>製品リスト>製品カテゴリ>製品

商品リストと商品カテゴリは同じページにありますが、商品3を見終わったら前のページに戻りたい場合は、ページの上部ではなく、そのカテゴリの上部に戻ります。 。

1
StevieMc

最も簡単なことは、すでに使用しているのと同じフラグメント識別子(#記号でリンク)を使用することです。それをパンくずのリンクとして追加できない理由はありますか?.

あなたのパン粉の例を使う:

ホーム>製品リスト>製品カテゴリ>製品

製品リストページの製品カテゴリセクションに直接リンクする場合:

<a href="/product-list.html#product-category">Product Category</a>
1
shawn caza