div 与 span
<div> 是块级容器，独占一行，用来把一组内容打包成一个整体；<span> 是行内容器，只包住文字的一部分。它们本身没有任何语义，存在的意义是提供"挂载点"——通过 class 或 id 让 CSS 和 JS 能选中这一块。
正因为没有语义，两者都该当"最后手段"使用：页头、导航、文章、侧栏这些区域都有专门的语义标签，应该优先使用；只有找不到合适语义标签时，才用 div/span 包一层。满屏 div 嵌套的"div 汤代码"是典型的反面教材。
本节要点div 是块级容器、span 是行内容器，自身无语义，靠 class/id 供 CSS 和 JS 使用；有语义标签可用时优先语义标签，div/span 兜底。
HTML
<!-- div：把一组内容打包成整体，方便整体布局 --> <div class="card"> <h3>会员卡</h3> <p>有效期至 2026 年 12 月。</p> </div> <!-- span：只包住行内的一小段文字，方便单独着色 --> <p>价格：<span class="price">199 元</span></p> <!-- class 可复用，id 全页唯一 --> <div class="card"></div> <div id="app"></div>
