网页设计与制作教程:Web前端开发(第6版)
上QQ阅读APP看书,第一时间看更新

3.5 范围元素span

span元素用来组合文档中的行内元素。span元素没有固定的格式表现,当对它应用样式时,它才会产生视觉上的变化。span元素用于标识行内的某个范围,以实现行内某个部分的特殊设置以区别于其他内容。其格式为:

﹤span﹥内容﹤/span﹥

例如,﹤p﹥﹤span﹥文本内容﹤/span﹥其他内容﹤/p﹥。

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

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

span元素与div元素的区别在于,span元素仅仅是个行内元素,不会换行,而div元素是一个块级元素,它包围的元素会自动换行。块级元素相当于在行内元素前后各加了一个﹤br/﹥标签。用容器这一词更容易理解它们的区别,块级元素div相当于一个大容器,而行内元素span相当一个小容器,大容器当然可以盛放小容器。

另外,span元素本身没有任何属性,没有结构上的意义,当其他元素都不合适的时候可以使用,同时div元素可以包含span元素,反之则不行。