用途：包裹独立内容单元（如博客正文/案例研究/产品详情）
禁忌：禁止包含全站通用元素（如页眉/页脚）
示例：
<article>
<h2>可持续设计实践指南</h2>
<p>本文探讨环保材料的选择标准...</p>
</article>
用途：标注辅助内容（侧边栏/相关链接/提示框）
特性：视觉分离但语义关联主内容
示例：
<aside>
<h3>延伸阅读</h3>
<ul>...</ul>
</aside>
用途：标记页面核心内容区
排除项：导航栏/页脚等重复性元素
规范：每个页面仅允许存在一个 <main>
适用场景：
无障碍优势：屏幕阅读器自动识别为可操作元素
错误示范：
<!-- 禁止使用div模拟按钮 -->
<div onclick="submitForm()">提交</div>
战略价值：
♿ 提升屏幕阅读器解析效率
🔍 增强搜索引擎内容识别
💡 降低用户认知负荷