<span>
<span>元素是短语内容的通用行内容器,并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图(通过使用类或者Id属性),或者这些元素有着共同的属性,比如lang。应该在没有其他合适的语义元素时才使用它。<span>与<div>元素很相似,但<div>是一个块元素而<span>则是行内元素.
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
所有主流浏览器都支持<span> 标签。 |
示例
<p>this is a paragraph <span style="color:#00ff00;">this is a paragraph</span> this is a paragraph</p>
this is a paragraph this is a paragraphthis is a paragraph
标签定义及使用说明
<span>
用于对文档中的行内元素进行分组,以便通过样式对它们进行格式化。<span>
标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。<span>
标签没有固定的格式表现。您可以使用 CSS 对它定义样式,或者使用 JavaScript 对它进行操作,它才会产生视觉上的变化。如果不对<span>
应用样式,那么<span>
元素中的文本与其他文本不会任何视觉上的差异。
内容分类 | 流内容,表述内容 |
---|---|
允许的内容 | 段落内容元素 |
标签省略 | 开始标签和结束标签都不能省略。 |
允许的父元素 | 任意可以包含表述内容或流内容的元素 |
DOM接口 | HTMLSpanElement |
HTML 4.01 与 HTML 5 之间的差异
没有。
属性
该元素仅包含全局属性。
全局属性
<span>
标签支持HTML 的全局属性。
事件属性
<span>
标签支持HTML 的事件属性。
实例
使用<span>
元素对文本中的一部分进行着色:
<p>我的母亲有<span style="color:blue">蓝色</span>的眼睛。</p>
<p><span>一些文字</span></p>
<li><span> <a href="portfolio" target="_blank">see my portfolio</a> </span></li> //CSS li span { background: gold; }