如何在整个站点上重用HTML

如何在整个站点上重用HTML,html,twitter-bootstrap,Html,Twitter Bootstrap,我正在使用HTML和Bootstrap制作一个标题,我希望标题出现在我网站的所有页面上。有没有一种方法可以重复使用HTML来执行类似于CSS样式表但不是CSS的操作?您可以使用来更改显示的内容,并且只对周围的页眉/页脚/等编码一次。在使用它们的时候,似乎会有一些不安的感觉,所以在我承诺之前,我会做一些研究 HTML include是最近推出的一项功能,您也可以尝试一下。否则,这将是一个好方法ctrl-cctrl-v我认为最简单的方法就是使用jQuery 请参阅jQuery文档 one.html:

我正在使用HTML和Bootstrap制作一个标题,我希望标题出现在我网站的所有页面上。有没有一种方法可以重复使用HTML来执行类似于CSS样式表但不是CSS的操作?

您可以使用
来更改显示的内容,并且只对周围的页眉/页脚/等编码一次。在使用它们的时候,似乎会有一些不安的感觉,所以在我承诺之前,我会做一些研究


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的时候。。。你会意识到使用上面提到的框架会节省你很多时间。真的,复制/粘贴吗?维修噩梦!一个好的开发者是一个懒惰的开发者。。。