• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <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;
     }
    

    上篇:<small>

    下篇:<sub>