Question

我正在使用HTML和Bootstrap制作标题，我希望标题出现在我网站的所有页面上。有没有办法做类似于CSS样式表而不是CSS，重用HTML？

Answer 1

我认为最简单的方法是使用jQuery。

请参阅jQuery docs https://docs.oracle.com/javase/7/docs/api/java/util/Dictionary.html

one.html：

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#header").load("two.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="header"></div>
  </body> 
</html>

two.html：

<p> Put your header in here </p>

Answer 2

如果您不想存储jQuery，则可以使用CDN

<html> 
  <head> 
    <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
    <script>$(document).ready(function () { $("header").load("assets/header.html"); });</script>
  </head> 

  <body> 
     <header></header> 
  </body> 
</html>

Answer 3

您可以使用<iframe>更改显示的内容，并仅编码周围的页眉/页脚/等。只有一次。关于使用它们漂浮在周围似乎有一些不安的感觉，所以在我致力于它之前我会做一些研究。

HTML include是您最近可以尝试的功能。否则，它会变得很好。塑造了ctrl-c ctrl-v。

如何在整个网站中重复使用HTML

3 个答案: