必须用article包每条新闻，因其作为独立语义单元被搜索引擎识别、rss抓取和屏幕阅读器导航所依赖；section仅作主题分组，无独立内容语义，无法提供标题、时间等结构信号，导致降权、抓取失败与无障碍访问失效。

必须用 article 包每条新闻，否则搜索引擎不认它是独立内容，RSS 抓不到，屏幕阅读器跳过——这不是样式问题，是语义失效。

为什么不能用 section 替代 article 做新闻条目

很多人图省事，把一堆新闻塞进一个 section 里，再用 div 模拟卡片。这会导致：

• Google 移动优先索引无法识别“这是第 2 条新闻”，整块内容被当作文本段落降权
• RSS 工具找不到 time datetime 所属的独立单元，发布时间和链接丢失
• 屏幕阅读器无法通过 article 跳转到单条新闻，用户得手动逐行听完整个栏目
• 没有 article，Schema.org 的 itemprop="articleBody" 等标记就失去宿主，富摘要不出现在搜索结果里

article 内部标题层级不能错位

每条新闻是一个独立语义单元，它自己必须有可被机器读取的“主干”：

HTML5基础和HTML语义化

HTML5基础和HTML语义化

下载

• 外层 section 是 <h2>国际快讯</h2>，不代表里面的 article 就不用标题
• article 内必须含 <header><h3>美参议院通过新AI监管法案</h3> <time datetime="2026-06-22">6月22日</time></header>
• 禁用 <div class="title"> 或 <code><p><strong></strong></p> 模拟标题——辅助技术不可读，document.querySelector('article h3') 查不到
• 别用 h1：一页只能有一个 h1，多条新闻都用 h1 会触发结构警告

什么时候能嵌套 article？怎么嵌才不翻车

嵌套 article 合法，但只在子内容满足“三可”时才成立：可独立分发、可独立复用、可独立索引。

• 合规场景：article（主报道）里完整嵌入一条专家评论，该评论本身有独立 URL、作者、time 和 h3 标题
• 不合规场景：把“相关推荐”或“网友评论”硬包成 article——它们没独立链接，也没独立发布时间
• 评论区一级评论可用 article，但回复一律用 section 或 li，除非某条回复本身就是署名长评且支持单独分享
• 嵌套不超过两层：article → article 可接受；article → article → article 会让读屏器导航混乱，W3C 明确建议避免

真正容易被忽略的不是怎么嵌，而是“谁该被嵌”。article 不是容器，是声明：这条内容值得被单独存档、转发、索引。一旦把它当布局标签用，语义链就断了，补再多 CSS 都救不回来。