HTML span 语法
在 HTML 中，span 标签是最常用的行内容器。它本身没有任何特殊语义，主要是方便使用 CSS 来对内容控制样式。
语法：
<span>
……
</span>说明：
span 是最常用的行内容器，而 div 是最常用的块级容器。
HTML span 摘要
| 属于 | HTML 标签 |
|---|---|
| 使用频率 | 高 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML span 示例
接下来，我们通过一个简单的例子来讲解一下 HTML span 标签是如何使用的。
示例：span 标签的基本用法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>只有“<span style="font-weight:bold;color:red;">真爱</span>”才会关注对方灵魂中的隐痛。</p>
</body>
</html>页面效果如下图所示。
分析：
在这个例子中，我们想要为 “真爱” 这两个字进行加粗以及改变颜色，此时可以使用 span 包含文字，然后再进行样式修改。大家要记住一点，span 标签往往都是用来配合 CSS 来修饰元素的。
div 和 span 的区别
对于 div 和 span 这两个元素，不少新手也不知道它们之间有什么区别，使用起来也很随便。因此，这里还是有必要认真说一下。
div 和 span 没有任何语义，正是因为没有语义，这两个标签一般都是配合 CSS 来定义元素样式的。它们之间的区别如下：
- div 是块级元素，可以包含任何块元素和行内元素，不会与其他元素位于同一行；span 是行内元素，可以与其他行内元素位于同一行。
- div 常用于页面中较大块的结构划分，然后配合 CSS 来操作。span 一般用于包含文字，它没有结构的意义，纯粹是应用样式。当其他行内元素都不适合的时候，可以用 span 来配合 CSS 操作。
除了 div 和 span 标签之外，还有一个 label 标签。其中，div 和 span 是无语义标签，但 label 是有语义标签。label 只适用于表单中，用于显示在输入控件旁边的说明性文字。
提示: 如果小伙伴们不熟悉语义化是什么意思，请先查看：HTML 语义化。
