我将如何链接多个页面中使用的相同 HTML,而不是在所有几个页面中添加相同的标记。
6 回答
您可以iframe
在几个页面中的每一个上使用一个src
通用 HTML 来执行此操作。
也可以在客户端使用 javascript。load
jQuery 提供了一种方法,使这变得特别容易。您可以使用jQuery.load()
将 HTML 块添加到不同 HTML 页面的元素中。
例如,如果每个页面都有一个div
命名content
:
<div id=`contents`></div>
然后您可以在每个页面中执行此操作:
$('#content').load('commonContent.html');
它可以从服务器端完成。
如果您使用的是 PHP,则可以使用include()
.
可以使用 JavaScript http://webdesign.about.com/od/javascript/ht/htjsincludehtm.htm
如果 Web 主机允许,服务器端包含 (SSI) 就可以解决问题。因此,要插入文件“common.htm”的内容,只需将其放入每个页面的 html 中:
<!–-#include virtual="common.htm” -–>
You should check: http://www.triadwebcrafters.com/article_server_side_language.cfm and Best practice for inserting large chunks of HTML into elements with Javascript?
您可能想研究 asp.net MVC 框架。您在其中有一个共享视图来编写不同页面之间共有的部分。