跳转链接转到正确的页面但错误的部分

时间:2017-10-14 03:37:18

标签: html wordpress

我正在使用Wordpress.com

我在1页上有多个跳转链接目的地,但它们都会到达正确页面的底部。

我的目标代码如下所示:

<h3 style="text-align:justify;"><a name="grt"></a>Guarantor</h3>
<h3 style="text-align:justify;"><a name="sg"></a>Social Guarantor</h3>
<h3><a name="pwd"></a>Persons with disabilities</h3>

我的链接看起来像这样:

<a href="http://melissalsh.com/#grt" target="_blank" rel="noopener">

<a href="http://melissalsh.com/#pwd" target="_blank" rel="noopener">

<a href="http://melissalsh.com/#sg" target="_blank" rel="noopener">

这一切都转到正确的页面,但在页面的最底部。请帮忙吗?

1 个答案:

答案 0 :(得分:0)

要链接到网页上的特定位置,请使用锚标记和id属性而不是名称 喜欢:<a href="#destination"></a> <h1 id="destination">Heading Text</h1>

<h3 style="text-align:justify;"><a id="grt"></a>Guarantor</h3>
<h3 style="text-align:justify;"><a id="pwd"></a>Guarantor</h3>
<h3 style="text-align:justify;"><a id="sg"></a>Guarantor</h3>


<a href="http://melissalsh.com/#grt" target="_blank" rel="noopener">

<a href="http://melissalsh.com/#pwd" target="_blank" rel="noopener">

<a href="http://melissalsh.com/#sg" target="_blank" rel="noopener">