HTML5中引入外部资源需用规范语法：一、script标签通过src导入JS，支持defer/async；二、type="module"导入ES6模块；三、link rel="preload"预加载关键资源；四、iframe嵌入外部HTML；五、object嵌入HTML或媒体资源并提供fallback。
如果您希望在HTML5文档中引入外部资源或JavaScript模块，需要采用符合HTML5规范的语法和策略。以下是实现这一目标的具体方法：
一、使用script标签导入外部JavaScript文件
通过设置script元素的src属性，可将外部JS文件加载到当前HTML文档中，浏览器会按顺序解析并执行该脚本。此方式适用于传统脚本及ES模块以外的代码。
1、在HTML文件的
或末尾添加标签设置src属性，值为外部JS文件的相对或绝对路径。3、若脚本不依赖DOM结构，可添加defer属性以延迟执行至HTML解析完成之后。
4、若脚本无依赖且可异步加载，可添加async属性以启用异步下载与执行。
HTML5支持原生ES模块导入机制，需显式声明type="module"，此时脚本自动启用严格模式、支持import/export语法，并默认延迟执行。
1、创建一个包含export语句的外部JS文件，例如utils.js。
2、在HTML中添加
二、使用
type="module"导入ES6模块
