href在特定位置与目标空白链接

Question

我有两个html页面。

1. main page (it has all the links like a b c d )
2. details page (it has all the details of a b c d) 

像这样

当用户点击链接时，它会在新窗口中重定向到details.html 它工作正常。

但问题是当用户点击链接'd'时。它还会重定向到details.html，但d链接详细信息位于页面底部，用户必须将其滚动到精细d。

我想自动定位details.html，如果点击了d链接，它应该在新窗口中到达details.html。并在页面顶部显示d。看到用户不必手动滚动它。

任何可能的解决方案。我不知道该怎么写谷歌呢。谢谢

Answer 1

您使用ID和URL中的#来执行您想要的操作。

给出一个如下所示的详细信息页面：

<div id="a">
<h1>Details about A</h1>
</div>

<div id="b">
<h1>Details about B</h1>
</div>

<div id="c">
<h1>Details about C</h1>
</div>

<div id="d">
<h1>Details about D</h1>
</div>

然后你会这样链接：

<a href="/details.html#d>Link to Details about D</a>

基本上，给元素一个ID，它一如既往地代表它所包含的内容

通过将该ID放在井号

之后链接到它

<a herf="/LINK_TO_PAGE#ID_ON_PAGE">...