article 与 section
判断标准一句话：<article> 是"拿走单独看也完整"的独立内容——一篇博客、一条评论、一张商品卡；<section> 是"按主题划分的一块"，通常要有自己的标题，它依赖上下文才有意义。
两者可以嵌套：文章（article）内部按章节划分（section）；评论区里每条评论（article）又各自独立。反过来的常见错误是把 section 当通用容器到处包，那和 div 没区别——如果这一块既不独立成文也没有明确主题，就用 div。
一个实用自查法：问自己"这段内容的标题能不能单独发出去被人看懂"。能，就是 article；不能但有主题，是 section；都不能，div。
本节要点article = 独立完整可分发（文章/评论/卡片）；section = 有标题的主题分块；两者都不是万能容器，无语义的包装用 div。
HTML
<article> <!-- 整篇文章可独立分发 --> <h1>CSS Grid 入门</h1> <section> <!-- 文章内的主题章节 --> <h2>基本概念</h2> <p>Grid 把页面划分为行和列……</p> </section> <section> <h2>常用属性</h2> <p>grid-template-columns 定义列宽……</p> </section> </article> <!-- 商品卡也是"独立完整"的内容，同样用 article --> <article class="product"> <h3>机械键盘 K870</h3> <p>￥399</p> </article>
