rel和href是link标签唯二不可省略的核心属性；rel="stylesheet"必须严格匹配且置于head内，大小写、空格、引号错误均导致静默忽略；href以html文件所在目录为基准路径。
直接说结论：rel 和 href 是 link 标签唯二不可省略的核心属性，其他属性全为可选；写错 rel 值（比如 stylesheet 拼成 styleSheet）或把 link 放到 body 里，样式大概率不生效且控制台不报错。
rel="stylesheet" 必须严格匹配且放对位置
浏览器只认 rel="stylesheet" 这个精确字符串才真正加载并解析 CSS。大小写、空格、引号缺失都会导致静默忽略——不是报错，是彻底跳过。
-
rel=stylesheet（缺引号）、rel="stylesheet "（末尾空格）、rel="StyleSheet"全部失效 -
href路径以 HTML 文件所在目录为基准，不是当前编辑器打开路径，也不是 CSS 文件自身位置 - 必须放在
内；放在里，IE6–8 直接无视，现代浏览器可能触发 FOUC 或 hydration 不一致错误 - 多个
<link rel="stylesheet">按书写顺序加载，后加载的同选择器规则会覆盖前面的
rel="icon" 的 sizes 属性实际不起作用
主流浏览器（Chrome、Firefox、Safari、Edge）对 rel="icon" 的 sizes 属性全部静默忽略——它只是语义标注，不是加载指令。浏览器真正依据的是：文件真实像素尺寸、type、声明顺序，以及是否配合 manifest.json 或 media 查询。
-
<link rel="icon" href="icon.png" sizes="192x192">中，如果icon.png实际是 512×512，浏览器仍按 512 解析，PWA 安装时可能被拒 - .ico 文件虽能打包多尺寸，但
sizes="16x16 32x32"对加载行为无影响，仅作说明 - iOS 依赖
rel="apple-touch-icon"，且会读取其sizes（推荐显式写sizes="180x180"） - 高 DPR 屏幕适配建议用
media替代sizes，例如<link rel="icon" href="/favicon-96x96.png" media="(min-resolution: 1.5dppx)">
rel="preload" 必须带 as 属性，否则跨域字体直接失败
rel="preload" 是“马上就要用”，浏览器会在当前导航中立即发起请求，并根据 as 设置正确优先级和 CORS 行为。漏掉 as，字体资源会被当成普通 fetch 处理，触发跨域拦截，控制台报 The resource was preloaded using link preload but not used 类警告。
-
<link rel="preload" href="font.woff2" as="font" type="font/woff2" crossorigin>——as="font"和crossorigin缺一不可 -
as="script"、as="style"、as="image"等值决定预加载策略和安全上下文，不能乱填 -
rel="prefetch"是“以后可能会用”，浏览器只在空闲时加载，且 Chrome 95+ 默认禁用非同源 prefetch，别指望它提升当前页性能 -
rel="preload"和rel="prefetch"都无法用onload/onerror监听，它们是声明式指令
type 属性不是加载开关，只是提示性元数据
type 是浏览器预判资源类型的提示，不是加载开关。它优先级低于服务端返回的 Content-Type 响应头，写错也不会阻断请求，但可能引发解析警告或 fallback 行为。
-
rel="stylesheet"时，type="text/css"在 HTML5 中已冗余；但如果服务端返回Content-Type: application/octet-stream，加它偶尔能触发兼容 fallback -
rel="preload"时，type="font/woff2"可提前触发字体解码器，省去 MIME 推断开销 -
rel="icon"或rel="manifest"中，type几乎无运行时作用；漏写type="image/x-icon"可能导致某些旧 WebView 直接跳过该link -
<link rel="stylesheet" type="text/css" href="app.js">→ JS 文件照常下载，但解析失败，控制台报类似警告
最易被忽略的其实是 rel 值的大小写敏感性和 href 的路径基准点——这两个点出错，整个标签就形同虚设，而浏览器不会给你任何提示。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
