如何在动态网址中使用HTML#锚点

我想使用#锚链接到动态页面的一部分,如下所示:

<a href=page.php?id=3#section-name>LINK</a>

它没有工作。 什么是正确的做法?


你只提供了一半的代码,所以我只能给出一个正确的方法来做到这一点:

<body> 
    <a name="top"> </a>
    <a href="#top">
        Go To Top Of Page
    </a>     
</body>

使用锚标签时,您可以通过其ID来定位元素。 浏览器会在链接引用此类name之前查找name属性。

如果存在, <a href="#section-name>LINK</a>将直接转到<div id="section-name">

这是一个例子

阅读:使用'name'或'id'的HTML锚点?


典型的锚点标签的工作原理如下:

href链接标签的写法如下所示:

<a href="anchor_example2.html#a001">Jump to a001</a>

见上面的#a001? 那就是在html页面中引用一个id,如果你点击这个链接,它将跳转到它。

提供一个例子,说明我们跳转到的这个ID可能会在下面看到一个页面。

<li id="a001">text here</li>

参考

链接地址: http://www.djcxy.com/p/88987.html

上一篇: How to use HTML # anchor in a dynamic url

下一篇: Linking to different areas on a page