span
适用DTD:Strict Transitional Frameset   适用浏览器:All
释义
通用行内元素(text span)

语法
<span 属性="属性值">~标签内容~</span>

说明
span为多功能的行内元素,可以把放在其“标签内容”中的元素一并进行设置,若是加上id、class等属性设置则可进行任意范围的样式设置
div元素一样,span元素实际上向作者提供了一种创建自定义元素的方式;不同的是,span元素是行内元素,不会产生断行
span元素终止标签不可省略,元素可以多重嵌套

属性
属性 属性值 说明
① 通用属性:id、class、title、style、dir、lang、xml:lang 查看
nbsp;

示范
设置样式:
<span style="color:blue">行内内容</div>

范例
下面的例子显示了XHTML文件基础结构: 运行打印
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素span</title>
<style type="text/css">
.new {display:outline;width:400px;height:100px;border:2px dashed navy}
</style>
</head>
<body>
<p>这段文字的颜色是浏览器的默认颜色,除了<span style="color:red">我</span>是红色。</p>
<p>这也是一段文字<span class="new">而我却产生了新行,因为我被应用了CSS样式。</span>
</p>
</body>
</html>

参阅