HTML <span> 标签用作内联元素的通用容器。它用于对分组的内联元素进行样式设置(使用 class 和 id 属性或内联样式)。
<span> 标签没有任何默认含义或呈现。
<span> 标签可用于以下任务:
- 更改部分文本的语言。
- 使用 CSS 更改部分文本的颜色、字体、背景
- 将脚本应用于文本的特定部分。
注意:HTML <span> 与 <div> 标签非常相似,但 <div> 用于块级元素,<span> 标签用于内联元素。
用法
<span>Write your content here......</span>
以下是关于 HTML <span> 标签的一些规范
Display | Inline |
开始标签/结束标签 | 开始和结束标签 |
Usage | 样式和语义 |
示例
<!DOCTYPE html>
<html>
<head>
<title>Span Tag</title>
</head>
<body>
<h2>Example of span tag</h2>
<p>I have choosen only
<span style="color:red;">red</span>,
<span style="color:blue;">blue</span>, and
<span style="color:green;">green</span> colors for my painting.
</p>
</body>
</html>
输出:
属性:
Tag-specific 属性:
<span> 标签不包含 HTML 中的任何特定属性。
全局属性:
<span> 标签支持 HTML 中的 Global 属性。
事件属性:
<span> 标签支持 HTML 中的 Event 属性。
支持浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
<span> | Yes | Yes | Yes | Yes | Yes |
相关用法
- HTML <spacer>用法及代码示例
- HTML <select> size属性用法及代码示例
- HTML <s>用法及代码示例
- HTML <script> charset属性用法及代码示例
- HTML <script> async属性用法及代码示例
- HTML <source> type属性用法及代码示例
- HTML <select> autofocus属性用法及代码示例
- HTML <section>用法及代码示例
- HTML <sub>用法及代码示例
- HTML <small>用法及代码示例
- HTML <select> multiple属性用法及代码示例
- HTML <script> defer属性用法及代码示例
- HTML <select> autocomplete属性用法及代码示例
- HTML <samp>用法及代码示例
- HTML <script> type属性用法及代码示例
- HTML <source> srcset属性用法及代码示例
- HTML <source> src属性用法及代码示例
- HTML <sup>用法及代码示例
- HTML <source>用法及代码示例
- HTML <source> media属性用法及代码示例
注:本文由纯净天空筛选整理自 HTML <span> tag。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。