应优先使用html5语义化标签搭建结构，删除冗余class和内联样式；确保外链路径正确、viewport与utf-8 meta声明完整且顺序正确；所有图片必须带alt属性，js置于前。
直接用语义化标签搭骨架，别先写CSS
HTML 模板不是拿来“套”的，是拿来“拆”和“填”的。很多人一上来就找带炫酷动画的模板，结果改个导航栏颜色都要翻三页 CSS，最后卡在 nav 里嵌套了两层 div 却找不到对应样式类名。
真正快的路径是：只保留 HTML5 语义结构，删掉所有冗余 class 和内联样式。比如把一段含 class="header-wrapper__inner" 的代码，直接简化成 <header><h1>张三</h1>
<nav><ul><li>@#@#@#@#@#@#@#@#@#@0</li></ul></nav></header>。
- 优先使用
header、nav、main、section、footer，它们自带浏览器默认流式布局，不用立刻写display: flex - 避免用
div模拟语义标签（如用<div id="nav"> 代替 <code><nav></nav>），否则后期加 ARIA 或 SEO 优化会多出一倍工作量 - 每个
section加一个明确的id（如id="skills"），方便后续锚点跳转和 JS 绑定，也利于调试时快速定位 DOM 节点 - 检查路径是否真实存在：在文件管理器里手动打开
./css/style.css，确认文件夹名拼写（css≠CSS≠styles） - 若用 CDN（如 Font Awesome），确保链接是 HTTPS（
https://cdnjs.cloudflare.com/...），HTTP 链接在现代浏览器中会被主动拦截 - JS 文件务必放在
外链资源必须校验路径和协议，404 是建站第一拦路虎
复制粘贴模板时最常出问题的不是 HTML 结构，而是 <link rel="stylesheet" href="css/style.css"> 这类路径。本地双击打开 index.html 时，浏览器用的是 file:// 协议，而很多模板默认假设你跑在本地服务器（如 VS Code Live Server）上。
现象是：页面文字全显示，但没样式、图标不出现、JS 不执行——控制台报一堆 net::ERR_FILE_NOT_FOUND。
