我们在使用代码编程一个网站的时候，通常情况下头部和尾部是相同的，如果一个网站的每个页面都把这些代码写一遍，不仅浪费时间，还显得重复代码很多，所以此时把重复的页面单独摘出来，在用到的时候从外部直接引进去，就能节省很多时间，减少很多代码。

在这里，有好几种引入html文件的方式，不过每种都是有利有弊，需要根据需要自行选择 有大佬反馈解决了有些浏览器本地实现不了的问题：放到服务器上面！（感谢！！！）

link标签通常放置在一个网页的头部标签head标签内的用于链接外部css文件、链接收藏夹图标（favicon.ico）， 标签最常见的用途是链接外部样式表，外部资源。

href链接引入的html文件，id可以看做页面引导，在script中用到

由上图可以看出，import引入除开script标签，在其他html body中写入什么就引入什么，完全的内容格式.

使用js引入，相当于把引入的html中head和body标签中的数据拖出来，在外面包了一个你自己写的标签，比如说上面代码中的

运行结果同import相同，这里不再展示

注意：是head和body标签中的数据，不带标签，下图是浏览器显示代码

include.js压缩代码：