4.17　span元素

4.17　span元素

span元素用来组合文档中的行内元素，可以把放置在标签内的元素一并进行设定，若加上id、class等属性，则可以设定任意范围的样式。

span元素标签语法为：

说明：

（1）在HTML、XHTML文件中，开始标签和结束标签都不能省略。

（2）一个span元素可以同时添加class和id两个常用属性，但通常只应用其中一个。class属性用于元素组（类似的元素，或者可以理解为某一类元素），而id属性用于标识单独的唯一的元素。

（3）span是一个行内元素，不会引起换行，也没有任何默认样式。

添加span元素的步骤如下：

（1）输入“＜span”。

（2）如果需要，输入“id＝＂name＂”，其中name用于唯一标识span元素所包含的内容。

（3）如果需要，输入“class＝＂name＂”，其中name是span元素所属类的名称。

（4）也可以输入其他的属性及其值（如dir、lang、title等）。

（5）输入“＞”结束开始标签。

（6）创建希望包含在span元素里的内容。

（7）输入“＜/span＞”。

使用span元素创建一个内嵌文本容器，将包含的文本颜色变成红色，代码如下：

运行结果如图4-21所示。

图4-21　span元素标签实例运行结果（1）

span元素的使用代码如下：

运行结果如图4-22所示。

图4-22　span元素标签实例运行结果（2）