如何在整个站点上重用HTML
我正在使用HTML和Bootstrap制作一个标题,我希望标题出现在我网站的所有页面上。有没有一种方法可以重复使用HTML来执行类似于CSS样式表但不是CSS的操作?您可以使用如何在整个站点上重用HTML,html,twitter-bootstrap,Html,Twitter Bootstrap,我正在使用HTML和Bootstrap制作一个标题,我希望标题出现在我网站的所有页面上。有没有一种方法可以重复使用HTML来执行类似于CSS样式表但不是CSS的操作?您可以使用来更改显示的内容,并且只对周围的页眉/页脚/等编码一次。在使用它们的时候,似乎会有一些不安的感觉,所以在我承诺之前,我会做一些研究 HTML include是最近推出的一项功能,您也可以尝试一下。否则,这将是一个好方法ctrl-cctrl-v我认为最简单的方法就是使用jQuery 请参阅jQuery文档 one.html:
来更改显示的内容,并且只对周围的页眉/页脚/等编码一次。在使用它们的时候,似乎会有一些不安的感觉,所以在我承诺之前,我会做一些研究
HTML include
是最近推出的一项功能,您也可以尝试一下。否则,这将是一个好方法ctrl-c
ctrl-v
我认为最简单的方法就是使用jQuery
请参阅jQuery文档
one.html:
<html>
<head>
<script src="jquery.js"></script>
<script>
$(function(){
$("#header").load("two.html");
});
</script>
</head>
<body>
<div id="header"></div>
</body>
</html>
$(函数(){
$(“#header”).load(“two.html”);
});
two.html:
<p> Put your header in here </p>
将标题放在这里
如果不想存储jquery,可以使用
$(document.ready(函数(){$(“header”).load(“assets/header.html”);});
如果您使用的是像PHP这样的服务器端脚本语言,您可以在多个文件中包含HTML的头段。我只使用HTML、CSS、Bootstrap、JS和jQuery,没有服务器端语言(据我所知有限)看一看这个问题:如果你正在学习,我建议你去学习,或者做出反应。当你学习HTML CSS的时候。。。你会意识到使用上面提到的框架会节省你很多时间。真的,复制/粘贴吗?维修噩梦!一个好的开发者是一个懒惰的开发者。。。