HTML导入（<link rel="import">）不需要也不执行文件解析，它只是已废弃的资源加载机制；真正解析HTML字符串需显式调用DOMParser.parseFromString()或类似方法。
不能。HTML导入（<link rel="import">）既不参与、也不优化文件解析，它已被废弃多年，对现代文件解析流程零影响。
为什么<link rel="import">根本不算“文件解析”
它只是浏览器早期为 Web Components 设计的资源加载机制，行为极其有限：
- 只下载 HTML 文本，不执行其中的
<script>（除非你手动提取并eval或插入 DOM） - 忽略
<style>、<link rel="stylesheet">、<template>、<meta>等标签，不注入样式、不构建子组件结构 - 不解析 DOM 树，
<div id="widget"></div>加载后不会出现在document中 - Chrome 73+ 已彻底移除，Firefox/Safari 从未支持——你现在写它，连控制台警告都不会有，直接静默失效
真正做文件解析的 API 是哪些
当你需要把 HTML 字符串变成可操作的 DOM 节点，或读取用户上传的 .html 文件内容，必须显式调用解析逻辑：
-
fetch('page.html').then(r => r.text())→ 得到字符串，还没解析 -
new DOMParser().parseFromString(html, 'text/html')→ 才真正触发 HTML 解析，生成独立文档对象 -
file.text()（File实例）→ 读取用户上传的 HTML 文件为字符串，仍需后续解析 -
response.json()/response.arrayBuffer()→ 针对非 HTML 文件（如 JSON、CSV），这才是真正的“格式解析”
注意：div.innerHTML = htmlString 会触发 fragment parsing，但它不执行脚本、不处理 <base>、且相对路径以当前页面 URL 为准，不是 HTML 文件所在路径。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
立即学习“前端免费学习笔记（深入）”；
常见误用：把“加载”当成“解析”
很多人看到 import('./data.json') 或 import './template.html' 就以为这是在解析文件，其实：
- ES 模块
import是构建时或运行时的**模块绑定**，不是运行时 HTML 解析；import('./template.html')在 webpack/vite 中能工作，是因为 loader 把 HTML 编译成了字符串常量，不是浏览器在解析 HTML -
import加载的永远是模块导出值（比如一个字符串或对象），不是原始二进制流，更不会触发 DOM 构建 - 想从用户
<input type="file">里读 HTML 并渲染？必须走FileReader或file.text()+DOMParser，import完全不适用
最容易被忽略的一点：DOMParser 解析出的文档是隔离的，doc.querySelector('#app') 拿到的节点默认没事件监听器、没样式作用域、也没执行过脚本——你要手动挂载、补事件、重执行逻辑。这不是缺陷，而是可控性的代价。
