html - <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 项目中。

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

Answer 1

每个href都需要一个对应的anchor，其name或id属性必须匹配href (没有 # 符号)。例如，

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

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

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