html5 - 请问一下，静态的html文件要怎么样导入公有的header和footer？

Question

现在我知道的有
1.$("header").load("header.html")和$("footer").load("footer.html")
2.<iframe></iframe>
但是这样不好控制top的样式，比如 ：在问答页面是，问答显示高亮；在文章页面时，文章显示高亮

Answer 1

通过gulp 可以使用gulp-content-includer npm-cnpm
或者 gulp-html-importnpm-cnpm

Answer 2

说一点，第一种方式处理高亮还是比较简单的。

//问答页面
$("header").load("header.html",function(){
    $("wenda").addClass("active").siblings().removeClass('active');//给问答添加高亮类，和去掉别的高亮
});