是语义标签而非样式标签，用于声明独立、可分发、可复用的完整内容主体，满足“三可”原则（可单独存在、可独立引用、可聚合重用）时才应使用。
article 标签不是“加粗”或“高亮”，而是语义声明
用 不会自动改变样式，它只告诉浏览器和辅助工具：“这段内容是独立、可分发、可复用的完整主体”。搜索引擎靠它识别正文，屏幕阅读器靠它跳转到核心内容。如果只为了视觉突出，该用 CSS；如果想让结构更清晰、SEO 更友好、无障碍支持更好，才用 。
什么时候必须用 article？看内容是否满足“三可”原则
符合以下任一条件，就该包裹进 ：
- 内容能单独存在——比如一篇博客、一条新闻、一个论坛回帖
- 内容可被独立引用——URL 可直接指向它（如
/post/123） - 内容可被聚合重用——RSS 订阅、卡片流、摘要列表里能单独提取它
反例：侧边栏推荐、页脚版权说明、导航菜单、整页广告位——这些都不是独立内容主体，别硬套 。
嵌套与边界：article 里还能套 article 吗？
可以，但必须符合语义层级。常见合理嵌套场景：
立即学习“前端免费学习笔记（深入）”；
- 主
是一篇技术教程，里面每个“实战步骤”用子表示独立可复用的操作单元（需有自己标题、作者、时间） - 首页
下并列多个，每篇是不同作者的投稿
注意： 不能作为 或 的直接子元素——这些已有明确语义，混用会破坏结构逻辑。
兼容性与默认样式：老浏览器不认，但不影响渲染
是 HTML5 新增标签，在 IE8 及更早版本中不被识别，但不会崩坏页面：
- 现代浏览器（Chrome/Firefox/Safari/Edge）原生支持，无需 polyfill
- IE9+ 可通过
document.createElement('article')激活，或引入html5shiv.js - 所有浏览器都把它当普通 渲染，无默认 margin/padding，要样式得自己写 CSS，例如：
别指望它自动“突出”，语义和样式从来是两回事。
