<a href="#..."> 链接无效

Question

我正在尝试使用 <a href="#..."> 表示法创建一组指向页面中特定部分的链接，但它似乎不起作用。单击链接似乎什么也不做，并且 right-click -> open in a new tab 更改了 url，但不会移动到页面的其他部分。我正在使用 Firefox 28.0。我的链接如下：

 <div>
    <p>Contents</p>
    <ul>
        <li><a href="#map">Map</a></li>
        <li><a href="#timing">Timing</a></li>
        <li><a href="#timingdetails">Timing Details</a></li>
    </ul>
</div>

他们应该链接到：

 <div id="map">[content]</div>
<div id="timing">[content]</div>
<div id="timingdetails">[content]</div>

外部网页的链接可以正常工作。将 id="..." 功能放置在 <a> 标签内并不能解决问题。我的网页网址格式为 http://127.0.0.1/foo/bar/baz/ 。这是在 Python Django 项目中。

知道为什么这不起作用吗？

原文由 user2592232 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

每个 href 需要一个相应的 anchor ，其 名称 或 id 属性必须匹配 href （没有 # 符号）。例如，

 <a href="#map">Map</a>

<a name="map">[content]</a>

如果不用于其他目的，则不需要封闭的 div 。

原文由 Roberto Reale 发布，翻译遵循 CC BY-SA 3.0 许可协议