web-dev-qa-db-fra.com

Pouvez-vous changer votre URL lorsque vous cliquez sur des liens vers différentes sections sur la même page?

Pouvez-vous changer votre URL lorsque vous cliquez sur des liens vers différentes sections sur la même page?

J'ai une liste de produits séparés par différentes catégories sur la même page ... ces catégories utilisent le code du lien hypertexte comme suit:

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

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

Question

Puis-je faire en sorte que chacun d'eux ait sa propre URL lorsque vous cliquez dessus tout en restant sur la même page?

Pourquoi je demande?

Je voudrais également ajouter Breadcrumbs. Lorsque lorsqu'une personne souhaite cliquer sur l'un de ces produits pour en savoir plus, elle sera envoyée à une page spécifique.

Je me demandais de disposer de chapelure comme ceci:

Accueil> Liste de produits> Produit

ou disposé comme ceci:

Accueil> Liste de produits> Catégorie de produit> Produit

La liste des produits et la catégorie de produits sont sur la même page, mais si l'on veut revenir à la page précédente une fois qu'ils ont fini de regarder le produit 3, ils seront ramenés en haut de cette catégorie au lieu du haut de la page .

1
StevieMc

La chose la plus simple à faire serait d'utiliser simplement le même identifiant de fragment (lien avec le symbole #) que vous utilisez déjà. Y a-t-il une raison pour laquelle vous ne pouvez pas ajouter cela comme lien dans votre chapelure.

En utilisant votre exemple de chapelure:

Accueil> Liste de produits> Catégorie de produit> Produit

Si vous souhaitez créer un lien direct vers la section des catégories de produits sur la page de liste des produits:

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