定义和用法

 

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

 

    提示和注释：

 

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

 

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

 

    例子

 

    <p><span>sometext.</span>someothertext.</p>

 

    例子解释

 

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

 

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

 

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

 

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

 

    HTML:

 

    <pclass="tip"><span>提示：</span>.........</p>

 

    CSS:

 

    p.tipspan{

 

    font-weight:bold;

 

    color:#ff9955;

 

    }

 

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