2.3.24 span元素

span元素也是一个没有语义的元素，类似于 div 元素。不过，span 是行内元素，它只能包围字词或短语，而 div 元素适合包含块级内容。

如果想为一小块内容定义 class、id、dir、lang 等属性，或定义特殊的显示风格，或定义Javascript行为，而又没有相应的HTML语义元素时，就可以使用 span元素。

如，以下段落中，通过三个 span元素，定义了三小块内容，并为它们分别应用特殊的显示风格：

<p>RGB色彩模式中，R表示<span class="red">红色</span>，G表示<span class="green">绿色</span>，B表示<span class="blue">蓝色</span></p>

.red {
    color: red;
}
.green {
    color: green;
}
.blue {
    color: blue;
}

运行结果如图 2‑45 所示：

值得说明的是，由于 span元素没有任何语义，因此应将它作为最后的选择，仅在没有其他合适的HTML语义元素时才使用它。