1. DIV+CSS

1.1. 那么 DIV＋CSS 是什么意思呢？实质是什么？

DIV+CSS 是网站标准（或称

“WEB 标准”）中常用的术语之一，通常为了说明与

HTML 网页设计语言中的表格（table）定位方式的区别，因为 XHTML 网站设计标准中，
不再使用表格定位技术，而是采用

DIV+CSS 的方式实现各种定位。 用 div 盒模型结构给各

部分内容划分到不同的区块，然后用

css 来定义盒模型的位置、大小、边框、内外边距、排列

方式等。

CSS 是 英 语 Cascading  Style  Sheets （ 层 叠 样 式 表 单 ） 的 缩 写 ， 它 是 一 种 用 来 表 现

 

HTML 或 XML 等文件式样的计算机语言。在我们用 table 布局时，都曾接触和应用到 css。

DIV 元素是用来为 HTML 文档内大块（block-level）的内容提供结构和背景的元素 。

DIV 的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特
性由

DIV 标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。

简单地说，

div 用于搭建网站结构（框架）、css 用于创建网站表现（样式/美化），实

质即使用

XHTML 对网站进行标准化重构，使用 CSS 将表现与内容分离，便于网站维护，

简化

html 页面代码，可以获得一个较优秀的网站结构便于日后维护、协同工作和搜索引擎

蜘蛛抓取。

当然不是所有的网页都需要用

div 布局，例如数据页面、报表之类的页面的时候还是会

用

table，web 标准里并没有说要摒弃 table。所谓 DIV+CSS 布局的叫法让人更为担心，不要

让

DIV 成为 Table 的替代品，多层嵌套的 DIV 会严重影响代码的可阅读性，活用 HTML 为

我们提供的标签吧。

1.2. DIV+CSS 的优势何在？

1：表现和内容相分离

将设计部分剥离出来放在一个独立样式文件中，

HTML 文件中只存放文本信息。符合

W3C 标准，微软等公司均为 W3C 支持者。这一点是最重要的，因为这保证您的网站不会因
为将来网络应用的升级而被淘汰。

 

2：提高搜索引擎对网页的索引效率

用只包含结构化内容的

HTML 代替嵌套的标签，搜索引擎将更有效地搜索到你的网页

内容，并可能给你一个较高的评价。