在HTML中,URL包含#,将页面滚动到标题吗?

问题描述 投票:6回答:2

如果我的网址类似于:http://www.thisisawebsite.com/page.php#about当链接被单击时,我如何做到这一点,它会转到标题“ about”或我想要的其他任何地方?

html url hyperlink header
2个回答
4
投票

您需要在标记中定义锚点(在“关于”标题附近):

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

对此有任何疑问的任何人都应该在要链接到的实际元素上使用ID属性进行探索:

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

9
投票

只需在目标页面的标题上标记id为“ about”,即

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

这样,您在链接页面http://www.thisisawebsite.com/page.php#about上的链接将直接转到“ about”标题-在此示例中为h1,但是它可能是您赋予“ about”的ID的任何内容。请记住,虽然您应该仅在页面上使用一次ID“ about”。

© www.soinside.com 2019 - 2024. All rights reserved.