[转载]CSS+DIV有什么优点及优势 | hdm58

更新:2018年07月01日 15:39 前端 阅读(0)
标签: @CSS @DIV @优点 #作者: hdm58
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,
通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,
因为XHTML网站设计标准中,不再使用表格定位技术,而是采用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标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言,网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。

感谢阅读本文,若本文对你有所帮助,不妨将其推荐给好友,与好友一起分享。
文章仅做学习交流使用,若您认为文章存在侵权或不合法行为等,请及时联系我们。
文章之版权归其合法拥者所有。转载原创内容无需联系本站站长,请注明原文出处及链接。
#原文:[IT技术网] https://www.173it.cn/plus/view.php?aid=36
更新:2018年07月01日 15:39 前端 阅读(0)
标签: @CSS @DIV @优点 #作者: hdm58

阅读延伸

[转载]CSS+DIV有什么优点及优势 | hdm58

CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,
通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,
因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。
标签: @CSS @DIV @优点 前端 hdm58 06月16日 19:49 继续阅读

[转载]CSS选择符详解 | hdm58

CSS初学者必知:CSS选择符详解
标签: @CSS @选择符 前端 hdm58 06月16日 19:49 继续阅读

[转载]CSS样式重置,初始化 | 香独秀

CSS样式重置,初始化,自己综合修改的一些CSS公共样式初始化代码
标签: @CSS @初始化 前端 香独秀 06月16日 19:49 继续阅读

[转载]HTML+CSS实现的漂亮搜索框 | 素还真

HTML+CSS实现的漂亮搜索框,谷歌和百度首页的搜索框都是“input”+“button”模式的,bing的搜索框感觉要好点儿。简言之,就是将提交按钮放到“input”中,其实这是做不到的,只能伪装。
标签: @HTML @CSS @搜索框 前端 素还真 06月16日 19:49 继续阅读

[转载]CSS兼容各大浏览器的清除浮动Clearfix | 素还真

CSS兼容各大浏览器的清除浮动Clearfix
标签: @css @清除浮动 前端 素还真 06月16日 19:49 继续阅读

[原创]CSS的text-overflow实现截断字符串 | 十年铸剑

CSS的text-overflow实现截断字符串,如果字符串超过了指定的长度,通过这段css代码可以截断字符串的显示,并自动加上省略号

[转载]基于webkit浏览器的CSS滚动条美化

基于webkit浏览器的CSS滚动条美化
标签: @webkit @美化滚动条 前端 网络 06月16日 19:49 继续阅读

[转载]纯CSS制作无图片的三角形 | 素还真

纯CSS制作无图片的三角形
标签: @CSS @三角形 前端 素还真 06月16日 19:49 继续阅读