HTMer
  • 首页
  • 技术
  • 下载
  • 影视
  • 音乐
  • 随笔
首页 / 技术 / 什么是Web2.0中的CSS+DIV及其优势

什么是Web2.0中的CSS+DIV及其优势

技术 • 2008-03-15 19:03:26 • 阅读 1425

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标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言,网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。

科普资讯
您可能感兴趣的
中国移动用户发送KTFSR到10086永久免费开通高频骚扰电话拦截业务(绿盾)
今天偶然从网上得知,中国移动官方推出了高频骚扰电话拦截业务,又叫绿盾,目前这项业务仅面向北京、上海、广东、江苏、山东、四川、河南、福建、天津、重庆、浙江11个省市的移动VoLTE用户开通,试用了下果然有效果,拿来分享。...
技术 • 6年前 • 阅读 8442
高清视频中的480P、720P、1080P是什么意思
经常去论坛下载电影,看到标题上都标着480P、720P字样,不知大家理不理解他们到底是什么意思?今天就详细说说这个高清视频中的480P、720P、1080P是什么意思?...
随笔 • 16年前 • 阅读 39207
关于CPU酷睿2双核、奔腾双核、赛扬双核的区别
对于买电脑的朋友,相信CPU是最为关键的一个部件,CPU的好坏直接影响到电脑整个运行的效率。可是目前市场上CPU的种类和型号繁多,让人眼花缭乱,比如同样是双核处理器,Intel公司就有酷睿双核(包括1代和2代)、奔腾双核、赛扬双核等,简直可以说有无数个型号,奸商们现在卖电脑没有哪一家不打着Intel双核的口号,可是又有多少朋友知道其中的奥秘呢?今天就来向大家一一揭秘。...
技术 • 16年前 • 阅读 11789
HP商用笔记本电脑保修升级1年为2年的方法
今天在HP官网上看到商用笔记本计算机针对个人用户的保修升级的说明,觉得很不错,如果有朋友买了HP的商用笔记本电脑,本来享受的1年保修,现在可以免费升级享受2年保修了。...
随笔 • 16年前 • 阅读 2462
TIOBE编程语言排行榜(立志搞程序开发的朋友值得关注的信息)
相信想学程序开发的朋友一开始最先考虑的问题就是该学一门什么样的程序语言?哪些程序开发语言是当下最流行的?如果你是初学者,肯定很想知道这些问题的答案,也许高手们会告诉你说学编程重在程序思想,不在于学什么语言。没错,事实上是这样,但是作为初学者,不管怎样,总规要从一门语言学起,不学程序语言何来程序思想?而且学好第一门语言对你以后的学习都有着至关重要的影响哦。好了,废话不多讲,今天我要告诉大家的是有一个国外的网站:TIOBE编程语言排行榜,这个网站专门是做编程语言热门度的排行,非常专业而且客观,如果你立志于程序开发,这个网站是非常值得关注的哦。...
技术 • 16年前 • 阅读 3171
HP电脑网上查询保修期的方法
一般我们买了电脑比较关心的是他的售后服务,比如保修期,那么我们如何来查询电脑是否在保修期内,而且他的保修时间是多长呢?通常情况下我们可以打电话咨询电脑厂商,可是这样相对较麻烦,最简单的方法就是在网上查询。最近笔者搞了台HP的本本,所以接下来就教大家如何在网上查询HP电脑保修期的方法。...
随笔 • 16年前 • 阅读 22869
  • 网页配色表
  • 二维码生成器
  • 整数分区计算器
  • 随机密码生成器
  • 金额大写转换
Copyright © 2023 HTMer.com⋅苏ICP备08003082号-1⋅ 苏公网安备32041202002242⋅Powered By Z-Blog
  • 首页
  • 技术
  • 下载
  • 影视
  • 音乐
  • 随笔
标签
软件技巧 Windows 源代码 主机 Office 浏览器 腾讯 科普资讯 数据库 病毒防护 节日 下载 远程桌面 Google 心情 足球 PS 健康 电影 音乐 百度 Apple 阿里巴巴 Z-Blog 播放器 微信 阿里云盘 VMware
关于我

研究互联网络和电脑应用技术的IT技术网

HTMer简介