在
网站布局的网页中，＜div＞与＜Span＞都是常用的标记，利用这两个标记，加上CSS对其样式的控制，可以很方便地展现网页的布局。
网站布局是CSS的定位技术，在Dreamweaver中将其进行了可视化处理。文本、图像和表格等原因只能固定其位置，不能互相重叠在一起，使用Div指令，可以将其放在网站中的任何地方，还可以按排序排放网页文档中的其他构成因素。层体现了网页技术从二D空间向三D空间的一种延伸。将网站布局和行为综合使用，即可不使用任何的JavaSript或HTML编码创作出动画特效。
Div的功能主要有以下3个方面。
重复排放网页中的元素：利用Div，可以实现不同的图像重叠排列，币且可以随意改变排放的顺序。
精确的定位：单击Div上方的四边形控制手柄，将其花动到指定位置，即可改变层的位置如果要精确定位AP Div在网页中的位置，可以在Div的"属性"面板中输入精确的数值坐标。如果将Div的坐标值设置为负值，Div会在页面中消失。
显示和隐藏AP Div:AP Div，的显示与隐藏可以在AP Div面板中完成。当AP Div面板中的AP Div名称前出现的是"闭合眼睛"的图标时，表示AP Div被隐藏；当AP Div面板中的AP Div名称前显示的是"睁开眼睛"的图标时，表示AP Div被显示。
Div与Span、Class与ID的区别：
Div标记早在HTML3.0时代就已经使用，但那时并不常用，一直到CSS的出现，才逐渐发挥出它的形式。而Span标记直到HTML4.0时才被引入，它是专门用于样式表而设计的模式。关于Span标记的详情介绍如下：
http://www.zhiyuanit.net.cn/。
Div简单而言是一个区块标识标记，即<div＞与＜/div＞之间相当于一个容器，可以容纳段落、标题、表格、图片，乃至章节、摘要和备注等多种HTML元素。因此，可以把＜div＞与＜/div＞中的内容认为一个独立的对象，用于CSS的控制。说明时只需要对Div进行对应的控制，其中的各标记元素都会因此而改变。Span是行内元素，Span的前后是不会错行的，它没有结构的意义，单纯是应用样式，当其他行内因素都不合适时，可以使Span。
