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. Please contribute data for "html.elements.link.rel.import" (depth: 1) to the MDN compatibility data repository.

阅读更多:

  • 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