必须置于内紧挨后，否则浏览器无法提前获取样式规则，导致fouc；放错位置（如中）会使部分浏览器延迟加载甚至忽略，引发net::err_aborted等错误。
link rel="stylesheet" 必须放在 里
浏览器解析 HTML 时，只有提前拿到 CSS 规则，才能避免 FOUC（无样式内容闪烁）。link 标签如果错放到 里，部分浏览器会延迟渲染，甚至被 SEO 工具忽略。
常见错误现象：Failed to load resource: net::ERR_ABORTED 看似是文件没找到，实际可能是路径写对了但标签位置错了——浏览器根本没去加载它。
-
<link rel="stylesheet" href="css/main.css">必须紧挨<title></title>后，放在内 - 不要用
@import在<style></style>里导入：它串行加载、阻塞渲染、不支持media预加载 - 需要条件加载（比如打印样式）？加
media="print"：<link rel="stylesheet" href="print.css" media="print">
script src 放哪儿，直接决定 DOM 能不能用
绝大多数 JS 脚本必须等 DOM 加载完才能安全操作元素。放错位置，document.getElementById 就返回 null，脚本报错或静默失效。
使用场景差异明显：
- 放在
结尾（前）：最稳妥，HTML 解析完，DOM 就绪，无需监听事件 - 放在
里 +defer：适合有依赖顺序的脚本（如utils.js必须在app.js前），执行时机在 DOM 解析完成后、DOMContentLoaded前 - 放在
里 +async：只适合完全独立的脚本（如统计埋点），执行时机不可控，DOM 可能还没就绪
路径写错是 404 的唯一常见原因
控制台报 net::ERR_FILE_NOT_FOUND，90% 不是语法问题，而是路径相对于 HTML 文件算错了。本地双击打开和服务器环境路径规则还不一样。
关键判断依据：路径基准永远是当前 HTML 文件所在目录。
- HTML 在
/pages/about.html，JS 在/js/app.js：Web 服务器下写src="/js/app.js"；本地双击打开必须改src="../js/app.js" - HTML 在
src/views/detail.html，JS 在src/assets/js/logic.js：路径是src="../assets/js/logic.js"，不是../../assets/（多翻一层就 404） - 大小写敏感：Linux 服务器上
Style.css和style.css是两个文件
type 属性现在可以省略，但 integrity 和 crossorigin 别漏
现代浏览器默认把 <link rel="stylesheet"> 当 CSS，<script src></script> 当 JS，type="text/css" 和 type="text/javascript" 已非必需。但引入 CDN 资源时，安全校验不能少。
容易被忽略的细节：
- 从 CDN 引入 jQuery 或 Bootstrap：务必加
integrity和crossorigin，否则可能因子资源完整性校验失败而拒绝加载 <link rel="stylesheet" href="https://cdn.example.com/style.css" integrity="sha384-xxx" crossorigin="anonymous"><script src="https://cdn.example.com/app.js" integrity="sha384-yyy" crossorigin="anonymous"></script>
href 或 src 多了一个点、少了一个斜杠。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
