是唯一根标签，强制存在；和必须嵌套其中；漏写或写错会触发怪异模式；缺失必致中文乱码，须置于最前；–表语义层级而非字号；的alt属性非可选，影响seo与无障碍。
必须有， 和 必须在它里面；漏掉 或写错大小写，浏览器可能进怪癖模式，样式和盒模型就不可靠了。
为什么 <meta charset="UTF-8"> 不能省
中文乱码不是“偶尔出现”，而是“必然发生”——只要页面里有中文、又没这行，DevTools 控制台大概率报 Failed to decode downloaded font 或直接显示方块。它必须放在 最靠前的位置（紧挨 <title></title> 前或后都行，但不能在 <title></title> 后面太远）。VS Code 用 Emmet 输入 ! + Tab 生成的骨架默认包含它，别手动删。
<h1></h1> 到 <h6></h6> 不是字号工具，是结构信号
搜索引擎和读屏软件靠这个判断内容层级。一个页面多个 <h1></h1> 不会报错，但会稀释主标题权重；用 <h3></h3> 写副标题却跳过 <h2></h2>，语义就断层了。实际开发中常见错误：
- 用
<h4></h4>当小字备注（该用<small></small>或 CSS） - 为控制间距滥用
<h5></h5>（该用margin） - 把按钮文字包进
<h6></h6>（破坏可访问性）
<img> 的 alt 属性不是可选填空
它影响 SEO 排名、无障碍访问、图片加载失败时的降级体验。空字符串 alt="" 是合法的（表示该图纯装饰），但写成 alt="图片" 或留空不写，都会被 Google 视为缺失。真实项目里容易忽略的点：
- 图标类
<img>如果已有文字说明，alt应为空 - 数据图表图片的
alt需概括关键趋势，比如alt="2025年Q3销售额环比增长12%，主要来自华东区" -
src路径出错时，浏览器只显示alt文本——这是你唯一能控制的 fallback
真正卡新手的往往不是标签怎么写，而是删掉 <meta charset="UTF-8"> 后页面突然变乱码，或者屏幕阅读器把一整段 <p></p> 读成“段落 段落 段落”，而不是按结构停顿——这些细节不在语法报错里，但直接影响可用性。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
