所有其他html页面的页眉和页脚合并

所有其他html页面的页眉和页脚合并,html,css,Html,Css,我正在制作一个网站。我用单独的css部分制作了单独的页眉和页脚文件。。 我只知道html和css。请告诉我如何合并所有其他页面的页眉和页脚。我正在从GitHub发送代码链接: 请帮帮我 我只是九班的学生 我已经发送了源代码。我做了很多尝试,但都做不到您不能仅使用html导入其他文件。因此,您有3种方法来实现这一点: 服务器端包括(推荐): 使用服务器端语言(如php)导入文件 看 文件需要是php文件,但您可以像编写html文件一样编写它。 这样做更好,因为页面是在服务器上呈现的,而客户端接

我正在制作一个网站。我用单独的css部分制作了单独的页眉和页脚文件。。 我只知道html和css。请告诉我如何合并所有其他页面的页眉和页脚。我正在从GitHub发送代码链接: 请帮帮我 我只是九班的学生


我已经发送了源代码。我做了很多尝试,但都做不到

您不能仅使用html导入其他文件。因此,您有3种方法来实现这一点:

服务器端包括(推荐): 使用服务器端语言(如php)导入文件


文件需要是php文件,但您可以像编写html文件一样编写它。 这样做更好,因为页面是在服务器上呈现的,而客户端接收到合并了页眉和页脚的页面

客户端导入: 另一种方法是使用JS加载不同的部件。一些框架(如Vuejs)附带组件系统。但是,如果您想使用vanillaJS,可以使用fetchAPI

fetch('linkto/header.html'))
.然后(x=>x.text())
。然后(html=>{
document.getElementById('your-container-id')。innerHTML=html
})

预渲染页面: 如果使用资产编译器(webpack、parcel、rollup…),则可以导入html文件,编译器将在
/dist
目录中生成一个新的html文件,例如导入部件和其他选项(如缩小)


我从未使用过这项技术,但这里有一个链接,用于链接。请参阅欢迎使用stackoverflow。请花点时间阅读。你应该先为自己做研究,说出你为实现目标所做的努力,如果可能的话,在你的问题中添加一个答案。这是否回答了你的问题?是否要在任意位置合并页眉和页脚css代码?