html导入html-和都乐在线书签导出html文件，HTML5中文件导出简介

Template、ShadowDOM 和 CustomElements 让您可以比以往更轻松地创建 UI 组件。 而且HTML、CSS、JavaScript等资源仍然需要一一加载，效率非常低。

例如，加载 jQueryUI 或 Bootstrap 现在需要为 JavaScript、CSS 和 Web 字体添加单独的标签。 如果您的 Web 组件应用多个依赖项，事情会变得更加复杂。

HTML 导出允许您将此资源加载到组合的 HTML 文件中。使用 HTML 导出

为了加载HTML文件，需要添加一个link标签，其相关属性为import，herf属性为HTML文件的路径。 例如，如果要将 component.html 加载到 index.html 中：

索引.html

用于将内容复制到文本的 XML/HTML 代码

可以将文件导出为HTML（译者注：这里“导入的HTML”被翻译为“HTML导出文件”，“原始HTML”被翻译为“HTML主文件”。例如index.html是HTML主文件，component.html 是 HTML 导出文件。）添加任何资源，包括脚本、样式表和字体，就像向普通 HTML 添加资源一样。

组件.html

用于将内容复制到文本的 XML/HTML 代码

脚本>

Doctype、html、head、body 标签是不必要的。 HTML导出会立即加载导入的文档，解析文档中的资源，如果有则执行脚本。执行顺序

浏览器解析 HTML 文档的方式是线性的，这意味着 HTML 底部的脚本先于顶部执行。 而且，浏览器通常会等到JavaScript代码执行完毕，然后继续解析它旁边的代码。

为了防止脚本压缩 HTML 渲染，可以在标签中添加 async 或 defer 属性（或者也可以将 script 标签放在页面顶部）。 defer 属性将重复执行脚本，直到解析完所有页面。 async 属性允许浏览器首先执行脚本，因此不会阻止 HTML 渲染。 那么html导入html，HTML 导出是如何进行的呢？

HTML 导出文件中的脚本遵循与包含 defer 属性相同的方式。 例如，在下面的示例中，index.html将首先执行script1.js和script2.js，然后执行script3.js。

索引.html

用于将内容复制到文本的 XML/HTML 代码

//1.