只有是html规范强制要求的，必须且仅能有一个；虽非强制但必须置于最前以避免乱码；建议紧随其后以保障移动端渲染正常。
必须包含 <title></title>，其余标签按需添加，没有“标准清单”——加多了拖慢首屏，加少了影响 SEO、渲染或脚本执行。
哪些标签必须放
只有 <title></title> 是 HTML 规范强制要求的；其他如 <meta charset>、<meta name="viewport"> 虽非强制，但实际项目中几乎必加。
-
<title></title>：唯一必需，且只能有一个，内容不能含 HTML 标签 -
<meta charset="utf-8">：必须在最前面（否则可能触发浏览器重解析） -
<meta name="viewport">：移动端页面不加会导致缩放异常，建议紧随charset后 -
<link rel="icon">：图标路径错误不会报错，但 favicon 不显示，建议用绝对路径
<script></script> 放
默认阻塞解析，放 会延迟 DOM 构建；除非有明确依赖（比如 Google Analytics 的早期采集），否则优先用 defer 或移至 底部。
- 加
defer属性的<script src></script>可安全放在，它会等 HTML 解析完再执行 - 带
async的脚本执行时机不可控，不适合依赖 DOM 的逻辑 - 内联脚本（无
src）若操作 DOM，必须确保 DOM 已就绪（比如包裹在DOMContentLoaded里），否则容易报Cannot read property 'xxx' of null
<link rel="stylesheet"> 和 <style></style> 的顺序问题
CSS 是渲染阻塞资源，浏览器会按 中出现顺序加载并应用样式；顺序错乱可能导致 FOUC（Flash of Unstyled Content）或样式被意外覆盖。
- 外部 CSS（
<link>）应早于内联<style></style>，否则后者可能被前者重置 - 多个
<link>按需排序：基础重置样式 → 组件库 CSS → 当前页定制样式 -
<style></style>标签内不要写@import，它会引发额外网络请求并阻塞渲染
最容易被忽略的是 <meta charset> 的位置和 <link rel="icon"> 的路径有效性——它们不出错不报警，但一出问题就是用户第一眼看到的缺陷。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
