自动跳转到文本标题

时间:2012-08-02 10:01:07

标签: html css

所以我在网页上有一段很长的文字。我想要做的是有一个清单,其中包含指向该文本中不同标题的链接,例如,当我点击“信息”时,它会自动跳转到文本中名为“信息”的标题。无法真正找到我如何实现这一点。

任何人都可以链接我,或告诉我它是否简短如何做到这一点?

4 个答案:

答案 0 :(得分:1)

您可以使用哈希标记来执行此操作。

在你的文字中你会有像id这样的标题:

<h1 id="info">Information</h1>

然后,对于您想要跳转到此部分的链接,您可以写:

<a href="#info">Go to info</a>

需要注意的重要事项是锚点中的#IDHERE

答案 1 :(得分:0)

为此,可以使用html标记的hrefname / id属性:

<h1><a href="#section1">Go to Section1</a></h1>
<h1><a href="#section2">Go to Section2</a></h1>
....
....
....
<p><a name="section1">Section1</a></p>
....
....
....
<p id="section2">Section2</p>
....
....
....

Shown also here

答案 2 :(得分:0)

你用“a”标签来做。

您的链接:

<a href="#header1">link to header number one</a>

你的标题:

<a name="header1"></a>
<h1>Header Number One</h1>

答案 3 :(得分:0)

您只需要输入一个唯一的ID:

<a href="#info">get me to the information</a>

<p><a name="info"></a>Information</p>