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

时间:2015-12-28 19:57:40

标签: html css

这里特别是我正在寻找的东西。我在每个网页上都有相同的页眉和页脚。到现在为止,我有5-10页的相同信息。如果我不仅需要对CSS样式进行更改(使用样式表实际上很容易),而且我还想更改HTML文件中显示的几个单词,我需要触摸每一个单词,即使我知道他们会是一样的。有没有办法我可以拥有一个只包含该代码块的嵌入式HTML文件?特别是,我要通过受版权保护的2016而不是2015年更新我的页脚,如果我能帮助它,我不想做10次。有什么建议吗?

3 个答案:

答案 0 :(得分:3)

有几种方法可以实现这一目标。这就是每个HTML开发人员最终都会引起他们学习服务器端编程的原因。所以我会给你三种技术供你选择:

  1. 使用C#或VB的PHP / ASP.NET - 如果您从未进行任何MVC类型编程或OOP编程,这可能是最困难的。但是一旦你掌握它就会非常有益。
  2. Angular JS - 您可以学习Angular JS并帮助自己学习一些json文件,并且您将能够使用非常接近MVC但不同的原则构建SAP(单页面应用程序)。通常称为MVW(Model,View,Whatever)
  3. 最后但并非最不重要 - Wordpress - 呃,我无法相信我建议这样做,但是构建速度非常快,你将拥有所需的所有动态行为。
  4. iFrames - 使用iframe可能是没有任何添加框架的最简单方法。唯一的缺点是它可能会影响您的响应能力。我相信iFrames是100%响应。
  5. AJAX - 另一个容易考虑的选择。
  6. P.S。您也可以使用HTML数据解析,但如果我打算这样做,我宁愿选择Angular。

    祝你好运

答案 1 :(得分:3)

如果您坚持使用HTML,则可以使用iframe。 Basiclly     <iframe src="PATH-TO-HTML"></iframe>

您可以使用属性确定其大小。 例如:

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

我还认为HTML导入很酷1

答案 2 :(得分:2)

使用php。

创建一个名为&#34; footer.php&#34;的文件。和#34; header.php&#34;并添加页脚和标题所需的html。

然后在每个页面上添加

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

您希望调用标题/导航,并添加:

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

您打算在页面上调用页脚。

现在,当您需要编辑页脚或标题时,您可以只编辑该文件一次,您将完成编辑。

注意:您的所有.html页面都必须更改为.php才能生效,因此请确保您这样做。别担心,你的HTML&amp; CSS仍然可以正常工作。

然后,您可以将其添加到.htaccess文件中,以使您的页面网址看起来干净:

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

这样就可以像 www.example.com/page 那样干净地访问和查看 www.example.com/page.php p>