今天小编给大家分享的是span标签的作用是什么，很多人都不太了解，今天小编为了让大家更加了解span标签的作用，所以给大家总结了以下内容，一起往下看吧。一定会有所收获的哦。

在成都网站制作、网站设计、外贸网站建设中从网站色彩、结构布局、栏目设置、关键词群组等细微处着手，突出企业的产品/服务/品牌，帮助企业锁定精准用户，提高在线咨询和转化，使成都网站营销成为有效果、有回报的无锡营销推广。创新互联专业成都网站建设10多年了，客户满意度97.8%，欢迎成都创新互联客户联系。

span标签的作用

定义和用法

标签被用来组合文档中的行内元素。

提示和注释：

提示：请使用 来组合行内元素，以便通过样式来格式化它们。

注释：span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。

例子

some text.some other text.

例子解释

如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。

可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。

可以对同一个 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

提示：事实上，您也许已经注意到了，W3School 站点上有一些文本的样式与其他文本是不同的。比如“提示”使用了粗体的橘红色。尽管实现这种效果的方法非常多，但是我们的做法是：使用“提示”使用 span 元素，然后对这个 span 元素的父元素，即 p 元素应用 class，这样就可以对这个类的子元素 span 应用相应的样式了。

HTML:

提示：... ... ...

CSS:

p.tip span {
font-weight:bold;
color:#ff9955;
}

注：所有浏览器都支持 标签。

以上就是span标签的作用是什么的简略介绍，当然详细使用上面的不同还得要大家自己使用过才领会。如果想了解更多，欢迎关注创新互联行业资讯频道哦！

网页名称：span标签的作用是什么？
新闻来源：http://scyanting.com/article/iesjpi.html