Question

我为我的妈妈创建了一个网站，我终于想让它变得更干净并制作一个通用的页眉和页脚，这样我只需要更新一个文档，而不是更新每个页面。我花了一段时间环顾四周，但我无法做任何事情。我对HTML和CSS有很好的理解，但是我几乎是一个新手并且没有真正使用javascript，如果这就是这个，那么详细的帮助将非常感激！我该怎么做？（如果重要，该网站托管在DreamHost上）。以下是我对页眉和页脚的基本HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="style/style.css">
</head>
<body>
<div id="wrapper">

<header>
  <img src="img/logo.png" alt="(logo)">
    <nav>
      <ul>
        <li><a href="index.html">HOME</a></li>
        <li><a href="about.html">ABOUT</a></li>
        <li><a href="product.html">PRODUCTS</a></li>
      </ul>
    </nav>
  </header>

  <footer>
    <p> Email: email@gmail.com </p>
    <div id="logo">
    </div>
  </footer>
</body>
</html>

Answer 1

您可以使用像react或者像angular 2或vue js这样的框架来扩展HTML

Answer 2

您可以使用PHP来执行此操作。例如，您只需include header.php。可以使用任何其他服务器端代码。

使用JavaScript也可以，但请记住，JavaScript是在客户端执行的，因此某些用户可能会因浏览器中的deaktivated javascript而遇到问题。

通用页眉和页脚

2 个答案: