链接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文件而是与代码

2016-06-10 Bowser

使用Javascript或PHP还行吗？ – GaijinJim

这可以通过在CSS中使用伪元素或甚至使用加载页脚的iframe来完成。至少这不会需要任何客户端JavaScript逻辑。但是对于这种动态内容的_usual_方法确实使用了像php或类似的服务器端语言。 – arkascha

我在IT9班，我什么都不知道 – Bowser

你不能只用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包括是更好的解决方案，因为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>

这就是它！

2016-06-10 17:31:01 gibberish

回答