每个页面都有一致的导航框？ （HTML）

Question

我一直在制作一个带导航栏的个人网站。我阅读了w3schools的文章并使用那里的代码来制作我的导航。但是有一些问题：

• 需要在每个页面上复制和粘贴相同的代码。
• 如果我决定添加新页面，我必须将导航栏添加到新页面，并将新页面的链接添加到每个页面上的导航栏。
• 如果我在导航代码中发现错误，我必须在每个页面上修复它。

以下是代码：

html {
  color: blue;
  font-family: sans-serif;
}

.resource-dropdown {
  position: sticky;
  display: inline-block;
}

.resource-dropdown-content {
  display: none;
  position: absolute;
  background-color: #b51d1d;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 1;
}

.resource-dropdown:hover .resource-dropdown-content {
  display: block;
}

.resource-dropdown-content:hover {
  color: greenyellow;
}

.topnav {
  background-color: black;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: white;
  color: black;
}

<div class="topnav">
  <a href="index.html">Home</a>
  <div class="resource-dropdown">
    <span><a>Resources</a></span>
    <div class="resource-dropdown-content">
      <p><a href="sites.html">Sites</a></p>
      <p><a href="books.html">Books</a></p>
      <p><a href="vids.html">Videos</a></p>
      <p><a href="etc.html">Other</a></p>
    </div>
  </div>
  <a href="about.html">About</a>
</div>

有没有办法制作快捷方式？ （类似于C语言中的别名命令）

Answer 1

仅HTML中没有快捷方式。如果您使用本地服务器（如MAMP / XAMP）作为示例，并且您已准备好制作一些PHP，那么您将能够为菜单创建一个文件，并将其包含在所有其他文件中文件。这样，每次更改菜单文件中的菜单时，它都会在每个页面上发生变化。

这是关于php include函数的官方文档：http://php.net/manual/en/function.include.php

这是MAMP的文档：https://www.mamp.info/en/#controlcenter