应选当内容有明确主题、可命名、能进大纲并配标题；否则用作无语义容器。标题是的必要条件，嵌套需层级递进，类名不决定语义。
选 <section></section> 还是 <div>，关键不在视觉怎么分块，而在“这块内容有没有名字、能不能被单独说清楚”。
<h3>section 用在哪：内容能起名、进大纲、可跳转</h3>
<p>它不是样式盒子，而是语义单元。只有当内容天然具备独立主题，且别人一提就知道指哪时，才该用。</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/ai/1848" title="稿定AI"><img
src="https://img.php.cn/upload/ai_manual/000/000/000/175679998619310.png" alt="稿定AI" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/ai/1848" title="稿定AI" class="overflowclass">稿定AI</a>
<p class="overflowclass">一款融合AI图像生成与智能编辑能力的在线设计工具，可辅助完成图片重绘、线稿处理和人物视觉优化等创作任务。</p>
</div>
<a rel="nofollow" href="/ai/1848" title="稿定AI" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div>
<ul>
<li>比如「安装步骤」「性能对比」「用户反馈」——每个都有明确边界和可复用性，配 <code><h2></h2> 或 <h3></h3> 后，浏览器大纲里会显示为可跳转节点
<section></section> 是典型误用，反而让结构扁平化；多个并列的 <section></section> 才体现真实逻辑分区<section></section> 只会让读屏器报“空章节”div 用在哪：纯布局、纯钩子、纯功能容器
<div> 的价值恰恰在于“没语义”。它不向浏览器、搜索引擎或读屏器传递任何含义，只为你提供一个可控的块级容器。
<ul><li>CSS 布局需要的网格父容器：<code><div class="grid">，里面放卡片、按钮、图标，无需语义
<li>JS 操作锚点：<code><div id="chart-root">、<code><div data-js="tab-content">，只要能被脚本精准定位就行
<li>表单分组 wrapper、加载动画容器、下拉菜单弹出层——这些都不承载主题，用 <code><div> 更诚实也更安全
<h3>标题是 section 的开关，不是装饰</h3>
<p>没有 <code><h2></h2>–<h6></h6> 的 <section></section> 在语义上等于废标签：屏幕阅读器跳过、Lighthouse 报错、大纲视图为空节点。
- 标题不必视觉可见，可用
<h3 class="visually-hidden">客户案例</h3>隐藏但保留语义 - 嵌套时必须层级递进：父
<section></section>用<h2></h2>，子<section></section>就得用<h3></h3>，不能全堆<h2></h2> - 如果一时想不出合适标题，大概率说明它不该是
<section></section>，换<div> 或删掉更合理 <h3>别被类名带偏，语义看内容，不看 class</h3> <p><code><div class="product-section"> 不代表它该是 <code><section></section>；<section class="hero-banner"></section>却没标题，就是语义断裂。- 判断依据永远是：这段内容是否自带主题？能否被单独引用或摘要？是否出现在文档大纲中？
- 页脚更适合
<footer></footer>，导航栏优先用<nav></nav>，整篇博客文章该用<article></article>—— 它们比<section></section>更精确 - 渲染性能、CSS 选择器、DOM 查询行为，
<section></section>和<div> 完全一致，区别只在“信号强度” </div>
