HTML div导航

时间:2010-12-25 15:14:32

标签: html navigation

我在各种网站上看过,有些链接显示如下:http://www.myserver.com/page.html#something当我点击它时,它只会移动到页面的另一部分。

我想知道如何做到这一点。它只是<a href> atrribute的网址吗?

4 个答案:

答案 0 :(得分:2)

网址末尾的片段与您正在访问的网页上的ID相对应。

如果在我的页面中我有一个部分,例如:

<div id="comments">
...
</div>

然后,我可以通过将#comments附加到网页网址

,将用户带到此部分

(http://www.example.com/page.html#comments)

<a href="http://www.example.com/page.html#comments">Link to comments</a>

<强>更新

此处的其他一些答案正确指出您可以使用名称属性创建锚点:<a name="example"></a>

虽然这在技术上是正确的,但它也是一种非常过时的做事方式,我建议你避免这种做法。有人可能会说这是1997年: - )

答案 1 :(得分:2)

主题标签后面的文本与页面上的锚点对应。锚点是页面上可以链接的隐藏元素。

例如,想想一个包含顶部链接的大页面

要创建锚点使用:

<a name="C4"></a>

要链接到它,请使用:<a href="#C4">Text</a>

或者您甚至可以链接到元素的ID

答案 2 :(得分:1)

退房:links(又名锚点)

另请注意,您可以使用<a name="something"></a><a id="something"></a>

或使用div <div id="something"></div>

答案 3 :(得分:0)

这是指向给定页面上书签的链接(甚至只是当前页面上的#something)。

要使其有效,您需要定义一些东西。您可以使用<a>代码的名称属性执行此操作。

http://programming.top54u.com/post/HTML-Anchor-Bookmark-Tag-Links.aspx