在html页面中引入外部html文件的解决方案(html引入其他页面)

在普通的静态html开发过程中，没有必要使用框架，只是想以最基本的方式写几个静态页面，但是HTML中没有include语法，每个页面的公共部分都要手动复制粘贴一次，真的不科学...

在网上看到以下解决方案： ( 推荐学习：html教程：html教程 )

方案一：将html文件转换为js文件，然后在页面加载时将其加载到渲染中

方案二：使用iframe标签引用

方案三：使用gulp插件gulpp-html-import

我推荐使用第三种方案，使用起来也很方便，下面介绍一下使用步骤：

1、npm install gulp -D

2、npm install gulp-html-import -D

3、目录结构：

    |
    -- html-import
    |   |
    |   -- components
    |   |    |
    |   |    -- header.html
    |   |    |
    |   |    -- footer.html
    |   |
    |   -- index.html
    |   -- gulpfile.js

4、gulpfile.js

   var gulp = require(