初学:什么是DIV+CSS?有什么优势?
日期:2007年7月5日 作者: 查看:[大字体 中字体 小字体]-
什么是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标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言,网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。
(出处:急速软件下载学院)
-
- 初学:什么是DIV+CSS?有什么优势? 相关文章:
- ·Photoshop初学者轻松制作条形码
- ·CSS初学者应该保持的一种心态
- ·Windows Vista SP1 RC新功能初体验
- ·Flash初学者实用技巧
- ·Static和Final修饰类属性变量及初始化
- ·初学:ASP内建对象Response
- ·初学ASP动态网页制作常用错误处理
- ·初学者认识DOCTYPE的基础知识
- ·微软Windows Vista SP1 RC发布初体验
- ·初级网管或黑客必需撑握的8个DOS命令
- 初学:什么是DIV+CSS?有什么优势? 相关软件
- ·NDS《银河战士 初猎 中文汉化版》模拟器
- ·《波斯王子:初次冒险》英文硬盘版试玩怀旧经典
- ·《风色幻想5》超强初始存档
- ·一些建国初期的名家作品
- ·溱湖鸳梦-清末民初奇异情爱故事
- ·国初群雄事略
- ·初级英语口语(有声版2-1)
- ·最初梦想演示版
- ·人教版初三语文(上册)教案全集
- ·C语言初学者入门讲座
- 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
精品推荐
热点TOP10
- ·HTML 4.0 语言快速入门参考教程
- ·Div+CSS布局入门教程(全)
- ·Windows 桌面风格页面制作点滴
- ·CSS样式表详解
- ·图片左右循环连续滚动代码,解决marquee的留白问题
- ·认识学习CSS中的滑动门技术
- ·css实现文字的自动隐藏
- ·HTML表格标记:行的水平对齐属性ALIGN
- ·页面显示问题
- ·HTML基础知识
- ·实现鼠标经过超链时的提示图层
- ·初学:什么是DIV+CSS?有什么优势?
- ·DIV CSS网页布局学习中容易出现的问题汇总
- ·HTML标签语义 科学合理的运用HTML标签
- ·CSS标准网页设计UL和DIV使用的技巧总结
- ·网页中嵌入Flash的方法讨论
- ·HTML基础学习笔记
- ·frameset 使用心得
- ·正则表达式过滤HTML危险脚本
- ·无边框窗口代码详解
特别推荐
- ·HTML语言:什么是Unicode 什么是UTF-8
- ·XHTML编写网页代码的七条基本规范
- ·HTML和XHTML的区别
- ·HTML语言:什么是Unicode?什么是UTF-8?
- ·HTML 和 XHTML 区别
- ·HTML标记全集
- ·分析比较:三种简洁的Tab导航简析
- ·HTML教程-HTML简介
- ·网页Web标准化教程关于表格的应用
- ·网页代码常用小技巧总结续,网页制作学习
- ·HTML 标记参考手册
- ·用htc实现html编辑器
- ·HTML 4.0 语言快速入门参考教程
- ·初学:什么是DIV+CSS?有什么优势?
- ·网页制作实例CSS用一张图片实现圆角
- ·DIV CSS网页布局学习中容易出现的问题汇总
- ·HTML标签语义 科学合理的运用HTML标签
- ·53个CSS-不可或缺的技巧
- ·页面显示问题
- ·CSS标准网页设计UL和DIV使用的技巧总结
