DIV+CSS 是 web 设计标准, 它是一种网页的布局方法. 与传统中通过表格 (table) 布局定位的方式不同, 它可以实现网页页面内容与表现相分离.
提起 DIV+CSS 组合, 还要从 Xhtml 说起. XHTML 是一种在 HTML(标准通用标记语言的子集)基础上优化和改进的新语言, 目的是基于 xml 应用与强大的数据转换能力, 适应未来网络应用更多的需求.
DIV+CSS 的优势
1, 符合 W3C 标准. 这保证您的网站不会因为将来网络应用的升级而被淘汰.
2, 对浏览者和浏览器更具亲和力. 由于 CSS 富含丰富的样式, 使页面更加灵活性, 它可以根据不同的浏览器, 而达到显示效果的统一和不变形. 这样就支持浏览器的向后兼容, 也就是无论未来的浏览器大战, 胜利的是什么, 您的网站都能很好的兼容.
3, 使页面载入得更快. 页面体积变小, 浏览速度变快, 由于将大部分页面代码写在了 CSS 当中, 使得页面体积容量变得更小. 相对于表格嵌套的方式, DIV+CSS 将页面独立成更多的区域, 在打开页面的时候, 逐层加载. 而不像表格嵌套那样将整个页面圈在一个大表格里, 使得加载速度很慢.
4, 保持视觉的一致性. 以往表格嵌套的制作方法, 会使得页面与页面, 或者区域与区域之间的显示效果会有偏差. 而使用 DIV+CSS 的制作方法, 将所有页面, 或所有区域统一用 CSS 文件控制, 就避免了不同区域或不同页面体现出的效果偏差.
5, 修改设计时更有效率. 由于使用了 DIV+CSS 制作方法, 使内容和结构分离, 在修改页面的时候更加容易省时. 根据区域内容标记, 到 CSS 里找到相应的 ID, 使得修改页面的时候更加方便, 也不会破坏页面其他部分的布局样式, 在团队开发中更容易分工合作而减少相互关联性.
6, 搜索引擎更加友好. 相对与传统的 table,
采用 DIV+CSS 技术的网页, 由于将大部分的 HTML 代码和内容样式写入了 CSS 文件中, 这就使得网页中代码更加简洁, 正文部分更为突出明显, 便于被搜索引擎采集收录.
当然了, 尽管 DIV+CSS 具有一定的优势, 不过现阶段 CSS+DIV 网站建设存在的问题也比较明显, 下面我们来看看 DIV+CSS 网站设计的缺陷.
DIV+CSS 网站设计的缺陷, 主要表现在:
1, 对于 CSS 的高度依赖使得网页设计变得比较复杂. 相对于 HTML4.0 中的表格布局(table),CSS+DIV 尽管不是高不可及, 但至少要比表格定位复杂的多, 即使对于网站设计高手也很容易出现问题, 更不要说初学者了, 这在一定程度上影响了 XHTML 网站设计语言的普及应用.
2,CSS 文件异常将影响整个网站的正常浏览. CSS 网站制作的设计元素通常放在一个或几个外部文件中, 这些文件有可能相当复杂, 甚至比较庞大, 如果 CSS 文件调用出现异常, 那么整个网站将变得惨不忍睹.
3, 对于 CSS 网站设计的浏览器兼容性问题比较突出. 虽然搜索说 DIV+CSS 解决了大部分浏览器兼容问题, 但是也有在部分浏览器中使用出现异常, CSS+DIV 还有待于各个浏览器厂商的进一步支持.
4,CSS+DIV 对搜索引擎优化与否取决于网页设计的专业水平而不是 CSS+DIV 本身. CSS+DIV 网页设计并不能保证网页对搜索引擎的优化, 甚至不能保证一定比 HTML 网站有更简洁的代码设计. 因为对于搜索引擎而言, 网站结构, 内容, 相关网站链接等因素始终是网站优化最重要的指标.
如何更有效, 更合理的运用 WEB2.0 设计标准, 这需要很长时间的学习和锻炼. 而如何将 DIV+CSS 运用的更好, 需要通过不断的实践和体检, 积累丰富的设计经验, 才能很好的掌握这门技术.
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/html5/15488.html