html5语义框架核心是用结构标签准确表达内容角色与关系；main必须唯一且仅含核心内容，不能嵌套于header/footer/aside中，也不含全局重复元素；header/footer可多次出现但须归属明确区块；nav专用于高频跨页导航；section用于主题分组，article用于独立成篇内容。
HTML5页面语义框架的核心，是用结构标签准确表达内容的“角色”与“关系”，而不是仅仅完成视觉布局。它让机器（搜索引擎、屏幕阅读器）和人（开发者、协作方）一眼看懂哪部分是导航、哪部分是正文、哪部分是补充信息。
main必须唯一，且只装真正核心内容
- ✅ 正确：博客页中，
里只放文章标题、正文、发布时间、评论入口 - ❌ 错误：
里塞了顶部搜索框、右侧相关推荐、页脚链接 - ⚠️ 注意：一个页面只能有一个
，多写会导致HTML验证失败，辅助技术可能忽略后续的
header和footer可多次出现，但要看“属于谁”
- 主
通常含网站logo、主导航入口、搜索框 - 文章
适合放 标题、作者、日期、分类标签
- 避免把纯装饰性图片或空div塞进
——没语义支撑的标签等于白用
nav专用于主导航，不是所有链接都配得上
- ✅ 推荐：
- ❌ 避免：
- ? 小技巧：一个页面可有多个
section和article分工明确：主题分组 vs 独立成篇
–
标题；
- ✅ 用
：产品介绍区（ 核心功能
+ 三段说明）、用户评价汇总（真实反馈
+ 多条引用） - ✅ 用
：每一条独立评论、每一篇发布到首页的博文、每一个可单独分享的案例研究 - ⚠️ 不要为样式而用：没有标题的“卡片列表区”，该用，不用
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
