Html 页面锚URL显示

有没有办法设置锚定标记在URL中显示的内容

例如，如果我要写：

<a id="HomeAnchor"></a>

虽然这通常没有什么问题，但该网站相对较大，为了避免任何冲突，ID的长度和描述性都是合理的。基本上，它们并不是你想向顾客展示的东西

有没有办法让一个复杂的ID锚产生一个非复杂的URL？纯粹出于审美/用户体验目的，例如

<a id="FeaturesPageTopAnchor"></a>

理想情况下，如果可能的话，我希望避免使用JS修改URL。

这听起来像是您希望向客户展示的内容。我希望他们能看到

example.com/products/MyAwesomeProduct#features和installation

比

example.com/products/160#EFXXKgg7

除此之外，没有必要使锚在整个网站上是唯一的，仅限于每页。因此，

#Top

锚可以在每个页面上命名为

Top

你可以在不遗漏信息的情况下缩短名称。它是网络，因此您正在查看一个页面。你跳转到一个锚（还有什么），所以你可以把它命名为

FeaturesHome

，而不是

featurespagehomearchook

，它仍然是同一个锚，几乎没有任何名称冲突的风险

请注意，它根本不必是

元素。您可以只锚定到任何元素的任何id

锚本身就是你看到的就是你得到的。url中的值用于搜索id。在HTML中没有解决方法。也许您可以使用JavaScript技巧来解决这个问题，但它会很复杂，容易出错，而且基本上不值得这么做

<a id="FeaturesPageTopAnchor"></a>

www.example.com#Top