如何链接到段落内的文本

时间:2012-03-28 18:24:34

标签: jquery html css html5

我的主菜单中有以下两个链接,我在一个页面中有一些不同标题的文本。当任何一个点击第一个链接时,我想直接将我的用户带到第一个带有标题的段落 - “我的标题1”,如果有人点击第二个链接,那么我想直接将我的用户带到第二个段落标题为“我的标题2”

<a> Link to "My Title 1" </a>  ...Link 1   
<a> Link to "My Title 2" </a>   ...Link 2    


<h1> My Title 1 </h1>
  <p> My 500 line texts goes here </p>


<h1> My Title 2 </h1>
  <p> My 600 line texts goes here </p>

我不知道如何实现这一目标,请你告诉我吗?

提前致谢:)

1 个答案:

答案 0 :(得分:3)

您需要使用所谓的锚点。将ID应用于每个标题,并将相同的id应用于链接的href属性。确保使用哈希(#)作为前缀。浏览器会为你跳跃。

<a href="#title1">Title 1</a>
<h1 id="title1">Title 1</h1>