HTML 参考手册

HTML 标签大全

HTML: <span> 标签

HTML <span> 元素是短语内容的通用行内容器,并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图(通过使用类或者Id属性),或者这些元素有着共同的属性,比如lang。应该在没有其他合适的语义元素时才使用它。 <span> 与 <div> 元素很相似,但 <div> 是一个 块元素 而 <span> 则是 行内元素 .

在线示例

使用 <span> 元素对文本中的一部分进行上色:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(cainiaoplus.com)</title> 
</head>
<body>
<p>这里你看到的是 <span style="color:blue;font-weight:bold">蓝色</span> 的天空,还有 <span style="color:green;font-weight:bold">绿色</span> 的草原。</p>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 <span> 标签。

标签定义及使用说明

<span> 用于对文档中的行内元素进行组合。

<span> 标签没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。如果不对 <span> 应用样式,那么 <span> 元素中的文本与其他文本不会任何视觉上的差异。

<span> 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。

提示和注意

提示:被 <span> 元素包含的文本,您可以使用 CSS 对它定义样式,或者使用 JavaScript 对它进行操作。

HTML 4.01 与 HTML5之间的差异

无.

全局属性

<span> 标签支持 HTML 的全局属性

事件属性

<span> 标签支持 HTML 的事件属性