在多个页面上链接相同的HTML

4

我应该如何将多个页面中相同的HTML代码进行链接,而不是在所有的页面中都添加相同的标记。

6个回答

3
您可以在几个页面上使用iframe,其中src是公共HTML,来完成此操作。
客户端还可以使用JavaScript,使用jQuery特别容易,提供了load方法。您可以使用jQuery.load()将HTML块添加到不同HTML页面中的元素。
例如,如果每个页面都有一个名为contentdiv
<div id=`contents`></div>

然后你可以在每个页面中这样做:
$('#content').load('commonContent.html');

或者等一下,#content 被加载到 HTML 中。 - user1535882
不,commonContent 是你想要在所有页面共享的HTML。每个包含相同标记的_多个页面_都将有一个名为content的部分,并且给定的代码将在这些页面的每个部分中加载相同的HTML。 - pb2q
但是CSS呢?它会跟上步伐吗?如果结构不正确,可能会出现混乱。 - user1535882
通常相同的CSS将适用于几个页面,但每个页面都需要包含相关的CSS,或者您可以以类似的方式动态加载它们。 - pb2q
1
使用iframe的一个可能的反对意见是它在HTML/XHTML strict中已经被弃用,但在HTML5中并没有。 - yitwail
1
JavaScript解决方案的缺点是用户可以禁用JavaScript,因此通常建议仅使用JavaScript来增强页面而不是创建必要内容。 - yitwail

3

这可以从服务器端完成。

如果您使用的是PHP,您可以使用include()函数。


2

1
如果Web主机允许,服务器端包含(SSI)将解决问题。因此,要插入文件“common.htm”的内容,只需在每个页面的HTML中放置以下内容:
<!-#include virtual="common.htm” -–>

您可以在这里阅读相关信息:http://en.wikipedia.org/wiki/Server_Side_Includes



0
你可能想要了解一下asp.net MVC框架。它有一个共享视图,可以编写在不同页面之间共同的部分。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接