你能从另一个文件中嵌入一段代码吗？

Question

这就是我要找的东西。我在每个网页中都有相同的页眉和页脚。到目前为止，我有大约5-10页与相同的信息。如果我不仅需要更改CSS样式(使用样式表，这实际上很容易)，而且我还想更改HTML文件中显示的几个单词，我需要触摸每一个单词，即使我知道它们是相同的。有没有一种方法可以让我的嵌入式HTML文件只包含这段代码？特别是，我打算将我的页脚更新到版权保护的2016年，而不是2015年，如果我可以的话，我不想做10次。有什么建议吗？

Answer 1

有几种方法可以实现这一点。这是每个HTML开发人员最终都会遇到的问题，这会导致他们学习服务器端编程。因此，我将为您提供三种可供选择的技术：

如果你从来没有做过任何

• 类型的编程或者面向对象编程，这可能是最困难的。但一旦你掌握了它，你就会得到很大的回报。

• Angular JS -你可以学习Angular JS并帮助自己处理一些json文件，你将能够使用与MVC非常接近但又不同的原理来构建

(单页应用程序)。

• iFrames -使用iframes可能是最简单的方式，不需要添加任何框架。这样做的唯一缺点是它可能会与您的响应性冲突。我相信iFrames不是100%响应的。

• AJAX -也是另一个值得考虑的简单选择。

附注：您也可以使用HTML数据解析，但如果我要这样做，我更愿意使用Angular。

祝好运

Answer 2

如果您坚持使用HTML，您可以使用iframe。基本是<iframe src="PATH-TO-HTML"></iframe>。

你可以通过属性来确定它的大小。示例：

​

<iframe src="https://www.google.co.il/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png", scrolling="no", frameborder="0", width="544",height="184"></iframe>.

​

我也认为HTML import是很酷的1

Answer 3

使用php。

创建名为"footer.php“和"header.php”的文件，并为页脚和页眉添加所需的html。

然后在每一页上添加

<?php
include
'header.php'; 
?>

在您想要调用标题/导航的位置，添加：

<?php
include
'footer.php'; 
?>

您希望在页面上调用页脚的位置。

现在，当您需要编辑页脚或页眉时，只需编辑该php文件一次，即可完成编辑。

注意：所有的.html页面都必须更改为.php，这样才能正常工作，所以一定要这样做。不要担心，您的HTML和CSS仍然可以很好地工作。

然后，您可以将此代码添加到您的.htaccess文件中，以使您的页面urls看起来干净：

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^([^\.]+)$ $1.php [NC,L]

这将使它可以像这样干净地访问和查看www.example.com/page.php：www.example.com/page