HTML5 link 到 div 容器的子页面

Question

是否可以将子页面直接引用到 div 像 #subpage.div3 或 smth？ 如果jquery也有效！

Answer 1

您可以通过向 link 添加锚点来实现。例如，假设您有这样的导航：

<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>

当导航到子页面并在 link 的 href 中使用锚点 #div3 时，子页面将显示在 div3 所在的位置。