Html 使用引导在页面内链接

我很困惑链接到页面中的元素是如何工作的。我正在学习Twitter引导程序，它在导航栏中包含以下代码：

<ul class="nav navbar-nav">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#about">About</a></li>
    <li><a href="#contact">Contact</a></li>
</ul>

谢谢你的帮助

---

~rubbelfizz

链接是占位符。如果要保持它们不变，例如

#about

，则需要在页面中使用该ID定义一个元素。例如，制作一个较长的页面，并包含以下标记：

<h1 id="about">Here's the About Content</h1>

以下是关于内容的

单击链接将跳转到页面中的该点

Wikipedia使用这种方法跳转到文章的各个部分。例如，检查包含“请参见”文本的

标签：

但是，因为它们是引导模板中的占位符，所以您可以根据自己的需要添加自己的链接。例如，如果您想添加到Yahoo的链接，您可以输入自己的HREF，如下所示：

<a href="http://www.yahoo.com">Yahoo</a>

或指向站点中的任何其他链接

它们只是占位符。如果你想让这些目标存在，你必须在它们指向的URL上创建页面

如果您正在开发单页应用程序（SPA），这种散列链接的行为可能会有点不同，但我想我已经介绍了让您困惑的更简单的答案。也就是说，散列链接试图跳转到页面中的一个ID，但是需要存在一个具有该ID的元素才能发生任何明显的变化

---

这种行为内置于HTML中；这不是使用Bootstrap所独有的。

非常感谢您的回答！实际上我对创建SPA感兴趣，但我想我需要另一个框架来进行绑定，比如Angular？

<a href="http://www.yahoo.com">Yahoo</a>