div
适用DTD：Strict Transitional Frameset 适用浏览器：All
释义
通用块级元素（division）
语法
<div 属性="属性值">~标签内容~</div>
<div 属性="属性值">~标签内容~</div>
说明
div为一包含型的块级元素，可以把放在其“标签内容”中的元素一并进行设置（例如对齐方式），若是加上id、class等属性设置则可进行任意范围的样式设置
div元素会在新的一行产生一个文档模型定义容器，将相关内容和元素组织在一起（如果有的话），等待设计者为其提供属性
同span元素一样，div实际上向作者提供了一种创建自定义元素的方式
div终止标签不可省略，元素可以多重嵌套
属性
| 属性 | 属性值 | 说明 |
|---|---|---|
| ① align | 字符串：预定义值 | 可选值有：left、right、center、justify。定义区块中内容的对齐方式，left表示左对齐，right表示右对齐，center表示居中对齐，justify表示分散对齐，默认值为left。此属性仅在Transitioanl DTD和Frameset DTD文档中使用。 |
② 通用属性：id、class、title、style、dir、lang、xml:lang  |
||
nbsp;
示范
1.设定对齐方式：
<div algin="center">区块容器中的内容</div>
2.设定样式：
<div style="border:1px solid green">区块容器中的内容</div>
<div algin="center">区块容器中的内容</div>
2.设定样式：
<div style="border:1px solid green">区块容器中的内容</div>
范例
下面的例子显示了XHTML文件基础结构：
运行
打印
下面的例子显示了XHTML文件基础结构：
运行打印
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素div</title>
<style type="text/css">
.new { border:1px dotted red;height:50px}
</style>
</head>
<body>
注意下面div的区块性质:<div style="border:1px solid green;background-color:lime">这里是div1<div style="background-color:yellow;width:50%"> 这里是div2</div></div><div class=" new" >This is a new div.</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素div</title>
<style type="text/css">
.new { border:1px dotted red;height:50px}
</style>
</head>
<body>
注意下面div的区块性质:<div style="border:1px solid green;background-color:lime">这里是div1<div style="background-color:yellow;width:50%"> 这里是div2</div></div><div class=" new" >This is a new div.</div>
</body>
</html>
参阅
无