我想在所有页面上使用相同的固定标题 - 我可以链接动态HTML或Javascript

Question

我有一个网站，主要用HTML和CSS完成，有一些JS。

我现在已经设置了一个页面，其中标题对我来说是完美的 - 它是FIXED包含带有徽标的Div，搜索栏和电话号码。在这个div下面是一个Navbar，由主Javacript文件控制作为模板，导航栏在用JS滚动时淡出。

我的问题是如何设置它以便可以在80页上复制具有所有样式的整个标题，我只需要更改一次？

我在下面尝试了这个 - 外部页面header1.html有头部代码（其中包含完整的html头部，正文等）但是当我加载它时，页面会快速调用header1.html并且然后就消失了。

<script src="//code.jquery.com/jquery-1.10.2.js"></script> in head

<div id="header"></div>
<script> 
  $("#header").load("header1.html"); 
</script> 

结束身体

Answer 1

header1.html不应包含完整的html文档。相反，它应该只是标题内容所需的html代码片段。

Answer 2

你可以使用php。将标题中的内容放在header.html中，将下一个代码放在要显示标题的每个页面中。

<?php include 'header.html'; ?>

注意：将文件从.html更改为.php