如何引用HTML页面的特定位置?

时间:2011-07-14 08:50:59

标签: html hyperlink reference

HTML中是否有这样的机制允许我将超链接引用到页面中的某个位置,而不是它的开头?

我的意思是,例如,我有一个带有一些文字的页面,在那个文本中有这样的短语:“我喜欢猫”。该页面的URL是

http://www.cats.com/bingo.html

因此,当我从另一个页面引用该页面时,我使用类似于此

的超链接

[url="http://www.cats.com/bingo.html"]My attitude toward cats[/url]

但这会让我到达我所指的页面的最顶端。如何使超链接打开该页面并向下滚动到文本中的“我喜欢猫”?有可能吗?

2 个答案:

答案 0 :(得分:5)

您可以使用hash-tags和id's

链接到文本的一部分

示例:

<html>
<head>
</head>
<body>
    <p>This is a large piece of text ...</p>
    <p>Another piece of text with <span id="cats">i like cats</span> in it.
</body>
<html>

如果您现在使用链接http://www.cats.com/bingo.html#cats,它将跳转到该部分

答案 1 :(得分:1)

是的,你可以这样做吗

代表。页面名称是mypage.html

<a href="#link1">My link1</a>

经过其他描述或任何内容后

和你可以跳转设置标题的地方

我的链接1

当你点击我的link1然后它会找到id并转到id在任何标签中定义的位置,就像这样你可以设置不同的

<a href="mypage2.html#link1">another page link</a>