span
适用DTD：Strict Transitional Frameset 适用浏览器：All
释义
通用行内元素（text span）
语法
<span 属性="属性值">~标签内容~</span>
<span 属性="属性值">~标签内容~</span>
说明
span为多功能的行内元素，可以把放在其“标签内容”中的元素一并进行设置，若是加上id、class等属性设置则可进行任意范围的样式设置
同div元素一样，span元素实际上向作者提供了一种创建自定义元素的方式；不同的是，span元素是行内元素，不会产生断行
span元素终止标签不可省略，元素可以多重嵌套
属性
| 属性 | 属性值 | 说明 |
|---|---|---|
① 通用属性：id、class、title、style、dir、lang、xml:lang  |
||
nbsp;
示范
设置样式：
<span style="color:blue">行内内容</div>
<span style="color:blue">行内内容</div>
范例
下面的例子显示了XHTML文件基础结构：
运行
打印
下面的例子显示了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>
<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>
参阅
无