如何创建指向网页子节的深层链接?

时间:2012-09-20 09:45:25

标签: javascript html javascript-events hyperlink deep-linking

有谁知道如何创建单个网页子节的深层链接?

Wiki似乎破解了它,但我似乎无法在网络上的任何地方找到答案。

PS保持简单!

2 个答案:

答案 0 :(得分:7)

仅当目标包含构成“目标锚点”的标记时才可以链接到页面上的特定位置或元素,您可以在链接中使用片段标识符(以#开头)。以下创建了这样的锚:

  • id属性(在任何元素上)
  • name元素
  • 上的a属性

前者是现代的,更好的方式,让你引用一个元素,而不仅仅是一个位置(点)或只是一个内联元素。例如,如果目标网页http://www.example.com/stuff.html包含

<div class="section" id="sec7">
<h2>Foo bar</h2>
<p>Some text.</p>
Any other content
</div>

然后你可以使用像

这样的链接
<a href="http://www.example.com/stuff.html#sec7">Foo bar</a>

答案 1 :(得分:1)

假设您要开始一个包含目录的文档,该目录将人们链接到文档稍后出现的文本。您的索引将包括以下内容:

<a href="#pt1">Part I</a> <a href="#pt2">Part II</a>

稍后在文档中,您将包含以下标记:

<a name=pt1></a> and <a name=pt2></a>

参考:Links and Anchors

修改

如果您想要插入链接,请写下:

<a href="http://yourpage.com#pt1">Part I</a> 

此处http://yourpage.com将替换为您网页的实际网址。现在,在页面代码中,在您希望链接指向的位置插入标记。

<a name=pt1></a>