Html 如何链接到a<;部门>;在另一页上?
我希望有一个特定的链接指向另一页的某个标题。我知道如何在当前页面上执行此操作。请查看锚定标记。可以使用创建锚点Html 如何链接到a<;部门>;在另一页上?,html,Html,我希望有一个特定的链接指向另一页的某个标题。我知道如何在当前页面上执行此操作。请查看锚定标记。可以使用创建锚点 <div id="anchor-name">Heading Text</div> 标题文本 并在稍后使用 <a href="http://server/page.html#anchor-name">Link text</a> 创建锚定: <a name="anchor" id="anchor"></a>
<div id="anchor-name">Heading Text</div>
标题文本
并在稍后使用
<a href="http://server/page.html#anchor-name">Link text</a>
创建锚定:
<a name="anchor" id="anchor"></a>
加载页面后,您可以在下一页url中添加哈希信息,以将浏览器移动到特定位置(任何html元素) 这可以通过以下方式实现: 在下一页的url中添加哈希:example.com 35;hashkey
$( document ).ready(function() {
##get hash code at next page
var hashcode = window.location.hash;
## move page to any specific position of next page(let that is div with id "hashcode")
$('html,body').animate({scrollTop: $('div#'+hascode).offset().top},'slow');
});
您只需将指向另一个页面的链接(如
href=foo.html
)和指向同一页面上某个元素的链接(如href=#bar
)结合起来,这样类似于#bar
的片段就会立即写入指向另一个页面的URL之后:
<a href="foo.html#bar">Some nice link text</a>
指定的目标与在一个页面内链接时相同,例如
<div id="bar">
<h2>Some heading</h2>
Some content
</div>
一些标题
一些内容
或者(如果您真的只想专门链接到标题)
某个标题
使用散列并在div上添加一个id。
除了@MelanciaUK
和
@MelanciaUK>是散列,而不是“hashtag”。@JamesDonnelly感谢上帝有人这么说。@JamesDonnelly:#错误信息#流行名称#术语#在HTML5 CR中,
的使用被宣布为过时,它确实反映了早期HTML版本的缺点。@JukkaK.Korpela我不知道这一点。是否仅使用元素ID(例如div
s)就取代了它?或者有其他的机制吗?推荐使用id
属性(很长一段时间以来,所有相关的浏览器都支持它)。@JukkaK.Korpela感谢您提供的信息!我已经为后来找到答案的人更新了我的答案。这是否也适用于PHP?我没有得到关于如何调用这个函数的结果,以及代码放在哪里?对不起,这有点新鲜。
<div id="bar">
<h2>Some heading</h2>
Some content
</div>
<h2 id="bar">Some heading</h2>