1. HTML imports法介绍
在Web开发中，我们总会涉及到页面拆分、模块化开发的需求。而在HTTP/2的时代，由于多路复用技术的支持，我们打破单文件的思想，尤其是在模块化开发中，可以避免不必要的页面加载和文件重复引用。HTML imports是让浏览器支持加载HTML文件作为子文档的方式。HTML imports的核心思想就是使用link元素来加载HTML模块，这些模块可以是嵌套的，可以同时声明样式和脚本。
2. HTML imports使用
2.1 引入HTML
使用link标签引入一个HTML文件，将rel属性值设置为"import"，并且href属性引入要引入的HTML文件。
<link rel="import" href="imported.html" />2.2 使用加载的模块
引入后的模块就可以在HTML文档中使用了。例如，在下面的例子中，我们使用content标签，这个标签用于将模块中的内容，插入到当前文档中。
<head>
<link rel="import" href="imported.html">
</head>
<body>
<h1>这是当前文档的内容</h1>
<content select=".imported-content">
</content>
</body>
在imported.html中，我们可以声明一些要插入当前文档的样式和标签。
<template>
<style>
.imported-content {
background-color: red;
}
</style>
<div class="imported-content">
<p>这是被导入模块中的Some HTML!</p>
</div>
</template>
3. HTML imports兼容性
目前，HTML imports的兼容性比较差，主流浏览器也都不支持该特性。微软对该特性进行了支持，并且在IE11中进行了实现。但是，目前Chrome也取消了该特性的支持。因此在实际开发中，不建议使用该特性。
总结
HTML imports提供了一种方便的方法，可以将模块化开发中的代码拆分成小模块，减少代码量，并且提高可维护性。但是由于其兼容性问题，不建议在实际开发中进行使用。在未来，可以随着Web Components规范被广泛支持，HTML imports法也会得到更好的发展。