非常教程

HTML参考手册

标签 | Elements

span

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

内容类别

Flow content, phrasing content.

允许的内容

Phrasing content

标记遗漏

没有,起始和结束标签都是强制性的。

允许父级

任何接受短语内容的元素,或任何接受流内容的元素。

允许ARIA角色

任何

DOM界面

HTMLSpanElement(在HTML 5之前,界面是HTMLElement)

属性

这个元素只包含全局属性。

Example 1

<p><span>Some text</span></p>

Result

Some text

Example 2

<li><span>
    <a href="portfolio.html" target="_blank">See my portfolio</a>
</span></li>

CSS:

li span {

background: gold;

}

规范

Specification

Status

Comment

HTML Living StandardThe definition of '<span>' in that specification.

Living Standard

HTML5The definition of '<span>' in that specification.

Recommendation

The DOM interface is now HTMLSpanElement.

HTML 4.01 SpecificationThe definition of '<span>' in that specification.

Recommendation

浏览器兼容性

Feature

Chrome

Edge

Firefox

Internet Explorer

Opera

Safari

Basic Support

(Yes)

(Yes)

1

(Yes)

(Yes)

(Yes)

Feature

Android

Chrome for Android

Edge mobile

Firefox for Android

IE mobile

Opera Android

iOS Safari

Basic Support

(Yes)

(Yes)

(Yes)

1

(Yes)

(Yes)

(Yes)

HTML

超文本标记语言,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。