语义标签是html5结构声明的核心，header、main、article三者必须准确定位与严格约束：header作为逻辑入口可嵌套但需承载引导信息，main唯一且不可嵌套，article须可独立分发并含标题。
直接切入重点：语义标签不是装饰，而是结构声明。真正有效的HTML5结构设计，核心不在标签数量，而在
header必须是上下文入口，不是“顶部装饰”
header不等于“页面最上面那块”，而是内容的逻辑起点。它可以出现在
顶层（全站页眉），也可以嵌套在- 全页
应包含h1（或明确的主导航/品牌标识），且仅一个；多个并列header需各自配h2–h6，否则破坏标题大纲 - 避免把logo+导航+搜索框全塞进一个header后，又在外层再套个div wrapper——这会让屏幕阅读器误判为双重入口
- 若某页面无明显顶部区域（如单页应用的卡片流），可省略顶层
，但每个 仍应自带 说明其主题
main是唯一且不可嵌套的主内容声明
main不是“主要内容容器”，而是向机器发出的明确信号：“这里才是用户真正要读的东西”。它不负责样式，只负责语义权重。
- 全页只能有一个
，且必须直接位于下第一层，不能被 - 不要把整个“页面主体区”（含侧栏、广告位）都放进
；只包裹核心价值内容，比如博客正文、商品详情描述、表单主体部分 - 如果当前用的是，只需把它替换成
，并确保其父级是——无需重写其他结构 article必须可独立分发，不是“随便一个内容块”
article代表能脱离当前页面、单独被引用、订阅或分享的内容单元。搜索引擎据此生成摘要，RSS工具据此抓取条目，这是它区别于
的本质。 - 每篇博客、每条新闻、每个产品卡片，只要具备完整主题和自足信息，就该用
包裹 - article内必须有标题（h1–h6），且建议用
- 禁止在
外再套一层 作为“文章列表容器”——正确做法是用 包多个 ，而非 包
其他标签按需补全，不强行堆砌
nav、aside、section、footer这些标签有用，但属于“增强项”，不是底线。用错比不用更伤结构。
- 每篇博客、每条新闻、每个产品卡片，只要具备完整主题和自足信息，就该用
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
