在HTML中,URL包含#,是否会滚动页面到标题?

9

看这个。http://www.w3schools.com/html/html_links.asp - manuerumx
请查看以下网站:http://www.w3.org/TR/xhtml1/#h-4.10,https://dev59.com/BXRB5IYBdhLWcg3w3K8J - Musa
2个回答

11

只需要在目标页面的标题中使用id“about”的标记,例如:

About

这样,在链接页面上使用的链接http://www.thisisawebsite.com/page.php#about将直接跳转到“关于”页眉-在此示例中为h1,但它可以是您指定的id为“about”的任何内容。请记住,页面上只能使用一次id“about”。


我忘了感谢你的答案。我会使用你的建议,因为我发现它可以用作属性在几乎所有标签中,而 name 属性仅适用于一些标签... - phxvyper

10

你需要在你的标记中定义锚点(接近“关于”标题):

<a name="about"></a>

如果其他人对此有疑问,可以尝试在要链接的实际元素上使用ID属性:

<h1 id="about">About</h1>

更新 如评论中一些人所提到的,namea标签上一个已弃用的属性:

在页面中定义可能的目标位置是必需的。在HTML 4.01中,可以在a标签上同时使用id和name属性,只要它们的值相同。

注意:请改用全局属性id。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a


不客气。如果对您有帮助,请随时点击“接受答案”。 - Kevin Boucher
这就是提问者想要的吗?我原以为你想要当某人点击格式为http://www.thisisawebsite.com/page.php#about的链接时,跳转到你的page.php页面上的<h1>关于</h1>,如果是这样的话,答案就是在<h1 id="about">关于</h1>中标记h1本身。我已经将其添加为答案。 - Richard Jordan
六个一样,半打另一个。 (不错啊,我不知道你可以那样做。)再加一分,因为教会了我新东西。 - Kevin Boucher
:-) ID元素是HTML的瑞士军刀。 - Richard Jordan
1
嗯...但你需要给出名称的不是锚点,而是你想要成为页面目标的元素。所以在这种情况下的文本 - 它可以是一个 span 或其他任何东西。你应该将 ID 放在正确的元素上,而不是在附近的某个 <a> 标签上。那不是正确的方法,也不是其他人来到这里并参考这个问题的正确答案。 - Richard Jordan
显示剩余2条评论

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接