指向 div 容器的子页面的 HTML5 链接

Question

是否可以将子页面直接引用到div 喜欢#subpage.div3 还是什么？ 如果 jquery 也有效！

Answer 1

您可以通过在链接中添加锚点来做到这一点。因此，假设您有一个类似这样的导航：

<div class="navigation">
  <a href="/subpage#div3>
</div>

然后在您的子页面 HTML 上：

<div class="wrapper">
  <div id="div1">Div 1 content</div>
  <div id="div2">Div 2 content</div>
  <div id="div3">Div 3 content</div>
</div>

当导航到子页面并在链接的 href 中添加锚点 #div3 时，子页面将显示在 div3 所在的位置。