本文概述
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>
立即测试
输出:
属性
特定于标签的属性:
<span>标记在HTML中不包含任何特定的属性。
全局属性:
<span>标记支持HTML中的Global属性。
事件属性:
<span>标记支持HTML中的事件属性。
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
<span> | Yes | Yes | Yes | Yes | Yes |