将html文件链接到另一个html文件

时间:2016-06-10 17:15:24

标签: html

假设我有一个包含多个html文档的网页

例如:

Homepage.html Aboutme.html Contactinfo.html  

在所有这些页面的底部,我想要一个小消息

"您好,欢迎访问我的网站"

但我想稍后将其改为其他内容

"我希望您喜欢我的网站"

我是否可以将一个单独的Html文档链接到我的其他html文档,以便轻松更改代码而无需转到每个文档

所以像页脚html将包含

<p>"Hello and welcome to my website"</p>

它显示在我的所有页面上 然后我把它改成

<p>"I hope you enjoy my website"</p>

然后它在我的所有页面上都会发生变化

类似于如何链接css文件,而不是代码

1 个答案:

答案 0 :(得分:3)

你不能只使用HTML - 它缺乏这种能力。

你可以用PHP做到这一点,它被称为服务器端包含,看起来像这样。每个页面都嵌入在HTML中:

<p>Paragraph on this page</p>
<?php include 'inc/message.inc.php'; ?>
<p>Another paragraph of information</p>

以上内容将加载名为message.inc.php的文件内容并存储在名为inc的文件夹中。

或者,您可以使用jQuery(javascript):

$('.msg').load('inc/message.inc.php');

但首先您需要使用该类名创建一个HTML标记(请注意其中的链接 - .msgclass="msg" msg可能是P标签,div,textarea,部分,某种容器。

<p class="msg"></p>

PHP include是更好的解决方案,因为javascript将在呈现DOM之后运行,当消息被注入P元素时,可能显示快速闪烁。

使用PHP包含所需的全部内容是使用.php文件扩展名而不是.html - 就是这样。如果您的网络服务器可以执行PHP(并且大多数可以),那么它将立即起作用。

请注意,使用.php扩展程序不会导致HTML / CSS / javascript出现任何问题 - 所有这些都将继续像以前一样工作。唯一的区别是它现在也可以处理PHP。

文件message.inc.php可能就是这样:

<强> message.inc.php

<p>Your cool message goes here</p>

就是这样!