假设我有一个包含多个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文件,而不是代码
答案 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标记(请注意其中的链接 - .msg
与class="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>
就是这样!