当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML <span>用法及代码示例


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>

输出:

HTML span tag

属性:

Tag-specific 属性:

<span> 标签不包含 HTML 中的任何特定属性。

全局属性:

<span> 标签支持 HTML 中的 Global 属性。

事件属性:

<span> 标签支持 HTML 中的 Event 属性。

支持浏览器

Elementchrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<span>YesYesYesYesYes




相关用法


注:本文由纯净天空筛选整理自 HTML <span> tag。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。