美文网首页
html引入另一个html

html引入另一个html

作者: 田园百晓生 | 来源:发表于2017-10-19 10:29 被阅读0次

问题背景:

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

实现方法:

方法一:使用object引入

方法二:使用import引入

方法三:使用iframe引入

问题及注解:

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

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

*{

padding: 0px;

margin:0px;

}

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

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

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

相关文章

网友评论

      本文标题:html引入另一个html

      本文链接:https://www.haomeiwen.com/subject/osfuuxtx.html