<span> · HTML 元素参考 · 码译 VibeCode

码

码译 · VibeCodeHTML 元素参考 · 来自 MDN

<span>

The generic inline container for phrasing content.

一句话说清

大白话：和 div 是亲兄弟，但它是「行内」盒子——不换行，专门给一句话里的某几个字单独上色、加粗或挂事件，不影响整体排版换行。

MDN 原文：The generic inline container for phrasing content.

实时效果沙箱预览

<p>总价 <span class="hl">￥199</span>，限时优惠</p>
<style>.hl{color:#C8442E;font-weight:800}</style>

1）span 是行内的，直接给它设 width/height 或上下 margin 不生效（除非改成 inline-block / block）。2）别拿 span 当布局盒子用，要换行排版的块用 div。