Question

我一直在制作一个大约25页的网站，每当我想要更新导航栏或页脚时，我都必须浏览每一页并进行更改！

当然有一种方法可以将页眉和页脚（以及侧栏！）放在单独的文档中，并以与调用CSS相同的方式调用它们，这样就不必在每个页面上重复它们。 / p>

奖励：这有可能以任何方式影响SEO吗？它可能会减慢网站的速度吗？

谢谢，

塔拉

Answer 1

使用include（）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Your page</title>

<style type="text/css">
<!--Your styles ect that make your page-->
</style></head>

<body>

<div class="container">
  <div class="header"><?php include('./site_content/header.html');?></div>
  <div class="sidebar"><?php include('./site_content/sidebar.html');?></div>
  <div class="content">
  your content
  </div>
  <div class="footer"><?php include('./site_content/footer.html');?></div>
</div>
</body>
</html>

Answer 2

HTML本身 - 忽略对SEO产生影响的框架集和iframe，通常不推荐 - 没有任何方法可以包含部分HTML。

然而，您可以使用PHP（或SSI，如果您是oldskool）。它有一个包含部分文件的命令，称为include ^{PHP Manual}。

需要在服务器上激活PHP。为了保持透明，您可能希望将.html文件扩展名映射到PHP或使用Mod_Rewrite来执行此操作。这取决于服务器的类型及其配置。

它可能会减慢网站的速度吗？

服务器有更多的工作要做，以处理请求，因此它会减慢网站的速度。但通常对于一个简单的网站你不会注意到那么多。

为防止这种情况发生，可以在顶部构建一个简单的缓存机制，将动态PHP输出动态转换为静态文件。

你如何在网页中调用Header.html / Footer.html？

2 个答案: