<span>标签是 HTML 标签中的一个元素，用于在文档中标记和包裹一小段文本或行内元素。它通常用于对文本进行样式定义、标记或通过 JavaScript 进行操作。
以下是一些使用 <span> 的常见情况：
1、文本样式定义：通过使用 <span> 元素，可以对文本的一部分应用样式，如字体、颜色、背景色等。可以将 <span> 元素嵌套在文字中，为特定部分的文本应用样式。
<p>这是一段普通的文本，<span style="color: red;">这是红色的文本</span>，这是普通的文本。</p>
2、JavaScript 操作：通过为 <span> 元素添加 id 或 class，可以在 JavaScript 中使用这些标识符来操作和修改相应的元素。可以通过 JavaScript 动态地改变 <span> 的内容、样式或属性。
<p>点击下面的按钮将 <span id="mySpan">这里的文本</span> 修改为其他内容。</p><button onclick="changeText()">点击修改文本</button>
<script>
function changeText() {
var spanElement = document.getElementById("mySpan");
spanElement.innerHTML = "修改后的内容";
spanElement.style.color = "blue";
}
</script>
3、标记文本样式：有时，需要对文本中的特定部分进行标记，以便后续处理或样式定义。可以使用 <span> 元素将要标记的文本包裹起来，然后通过 CSS 或 JavaScript 进行处理。
<p>这段文本中的<span class="highlight">关键词</span>需要突出显示。</p><style>
.highlight {
background-color: yellow;
}
</style>
需要注意的是，<span> 元素本身并不具有特定的语义，它只是一个用于标记和包裹文本的行内元素。因此，在语义化的 HTML 结构中，应尽量使用更具体的标签来描述内容的含义和结构，而不仅仅依赖于 <span> 元素。同时，也要避免滥用 <span> 元素，应确保使用它是有明确目的的。