什么是 CSS+DIV
CSS+DIV 是网站标准 (或称 "web 标准") 中常用的术语之一, 通常为了说明与 html 网页设计语言中的表格 (table)定位方式的区别, 因为 XHTML 网站设计标准中, 不再使用表格定位技术, 而是采用 CSS+div 的方式实现各种定位.
CSS 是英语 Cascading Style Sheets(层叠样式表单)的缩写, 它是一种用来表现 HTML 或 xml 等文件式样的计算机语言.
DIV 元素是用来为 HTML 文档内大块 (block-level) 的内容提供结构和背景的元素. DIV 的起始标签和结束标签之间的所有内容都是 用来构成这个块的, 其中所包含元素的特性由 DIV 标签的属性来控制, 或者是通过使用样式表格式化这个块来进行控制.
CSS+DIV 网站设计的优势和问题
XHTM 是目前国际上倡导的网站标准设计语言, 因为 XHTML 网站设计语言具有的基本特点, 这种 CSS+DIV 模式的网站设计具有一定的优势, 不过目前在网站建设应用中 CSS+DIV 模式也存在一些问题. 本文综合网站技术和设计人员的体会, 并从网络 营销应用的角度, 将 CSS+DIV 网站设计的优势和问题归纳如下:
CSS+DIV 网站设计的优势
首先, CSS 的极大优势表现在简洁的代码, 对于一个大型网站来说, 可以节省大量带宽, 而且众所周知, 搜 索引擎喜欢清洁的代码(其真正意义在于, 增加了有效关键词占网页总代码的比重), 因此使用 CSS+DIV 的 Web 标准制作的网站具有搜索引擎友好的一定优 势.
其次, CSS+DIV 制作的网站使得网站改版相对简单, 很多问题只需要改变 CSS 而不需要改动程序, 从而降低了网站改版的成本.
CSS+DIV 网站设计的问题
尽管 CSS+DIV 具有一定的优势, 不过现阶段 CSS+DIV 网站建设存在的问题也比较明显, 主要表现 在:
第一, 对于 CSS 的高度依赖使得网页设计变得比较复杂. 相对于 HTML4.0 中的表格布局(table),CSS+DIV 尽管不是高不可及, 但 至少要比表格定位复杂的多, 即使对于网站设计高手也很容易出现问题, 更不要说初学者了, 这在一定程度上影响了 XHTML 网站设计语言的普及应用.
第二, CSS 文件异常将影响整个网站的正常浏览. CSS 网站制作的设计元素通常放在几个 l 外部文件中, 这一个或几个文件有可能相当复杂, 甚至比 较庞大, 如果 CSS 文件调用出现异常, 那么整个网站将变得惨不忍睹.
第三, 对于 CSS 网站设计的浏览器兼容性问题比较突出. 基于 HTML4.0 的网页设计在 IE4.0 之后的版本中几乎不存在浏览器兼容性问题, 但 CSS+DIV 设计的网站在 IE 浏览器里面正常显示的页面, 到火狐浏览器 (Firefox ) 中却可能面目全非(这也是为什么建议网络营销人员使用火狐浏览器的原因所在 ).CSS+DIV 还有待于各个浏览器厂商的进一步支持.
第四, CSS+DIV 对搜索引擎优化与否取决于网页设计的专业水平而不是 CSS+DIV 本身. CSS+DIV 网页设计并不能保证网页对搜索引擎 的优化, 甚至不能保证一定比 HTML 网站有更简洁的代码设计, 何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和 CSS 定位来衡量, 这就是为什么 很多传统表格布局制作的网站在搜索结果中的排序靠前, 而很多使用 CSS 及 Web 标准制作的网页排名依然靠后的原因. 因为对于搜索引擎而言, 网站结构, 内 容, 相关网站链接等因素始终是网站优化最重要的指标.
来源: http://www.jianshu.com/p/5a1001b95a50