html引入另一个html

问题背景：

在网站开发中，常有导航栏，右侧栏，底部等内容样式是一样的， 如果有十几个页面，是不是要复制黏贴十几份？呢？这样很明显是不妥的。常见做法是讲该部分封装起来，每个页面直接引入。那么，怎么引入呢？

实现方法：

方法一:使用object引入

方法二:使用import引入

方法三：使用iframe引入

问题及注解：

1：引入导航栏的html后，导航栏上方空了一行。

解决方法：在当前页css中加

*{

padding: 0px;

margin:0px;

}

2：import发放一些浏览器是不支持的。

3：一些公共样式，比如jquery等，在被引入的文件中如果用到，也要引入，仅仅在主页面中引入是无效的

注（php语言以及一些插件也是可以实现的，这里只列出原生的。）