html - 如何在动态 URL 中使用 HTML # 锚点

Question

我想使用#锚链接到动态页面的一部分。像这样的东西：

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

它没有用。正确的方法是什么？

我没有使用直接链接，而是使用header("Location:page.php?id=3#section-name")来自另一个脚本的重定向。

我有一个名为page.phpsection-name文件的部分。我猜page.php在确定要处理的 id 的值（或）时有问题。我被重定向到page.php，其内容垂直重复。33#section-name

score 5 · Accepted Answer

你只展示了一半的代码，所以我只能给出一个正确方法的示例：

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

score 5 · Accepted Answer

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

<a href="#section-name>LINK</a><div id="section-name">如果存在将直接进入。

score 2 · Accepted Answer

href链接标签是这样写的：

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

看到上面的#a001 了吗？那是在 HTML 页面中引用一个 id，如果你点击这个链接，它会跳转到它。

要提供一个示例，说明我们将跳转到的这个 id 在页面上的外观，请看下面。

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

3 回答 3