HTML 导入(HTML Imports)

在 Google Chrome 73 后已过时
此功能已过时。虽然它可能仍然适用于某些浏览器,但不鼓励使用它,因为它随时可能被删除。尽量避免使用它。

Firefox 将不会以当前形式发布HTML导入特性,有关 更多信息,请参阅此状态更新在对标准达成共识或制定替代机制之前,您可以使用Google等的polyfill webcomponents.js 

HTML Imports 旨在成为 Web Components 的打包机制,但也可以单独使用 HTML Imports。

可以在HTML文档中使用<link> 标记导入HTML文件,如下所示:
 
<link rel="import" href="myfile.html">

链接类型 import 是新加入的。

规范

规范 状态 评论
HTML Imports Working Draft 初步定义

浏览器兼容性

No compatibility data found for html.elements.link.rel.import.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.

阅读更多:

  • https://developer.mozilla.org/zh-CN/docs/Web/Web_Components
  • https://developer.mozilla.org/zh-CN/docs/Web/Web_Components/Custom_Elements
  • https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/template
  • https://developer.mozilla.org/zh-CN/docs/Web/Web_Components/Shadow_DOM