CSS+HTML与HTML相比,优势是什么?

2024-12-24 23:50:56
推荐回答(3个)
回答1:

我估计楼主你要问的是CSS的好处吧。

开发一个网站,用DIV+CSS和用Table一样的复杂。但是,如果是维护或扩展一个网站,DIV+CSS比Table要有明显优势。
这是实践的证明,我们曾经做过一个网站,有一个是用Table做的,做完之后客户说,不能做成800*600分辨率的,要做成1024*768分辨率的,要我们改,当时我们就吐血。因为如果要换,相当要把所有网页全部重做,我的天呀。。。最后我们拿出合同来,才算过关,但也失去了这个客户的后续订单。
后来我们使用了DIV+CSS,发现如果样式或者版块需要调整,变得非常容易,如果HTML部分设计得很合理,那么变版式就只要换一下CSS就可以了,HTML一句代码都不用改。我不知道这个叫不叫表现和内容分离,如果这个不叫,那楼主理解的表现和内容分离是什么?

说到网速,这里要强调DIV+CSS又有明显的优势,为啥?因为很简单。Div只是一层标签,如果Div嵌套10层,那就是十个嵌套标签,而一个完整的table需要三个标签组成,就象楼主反复强调而又忽略的。如果同样是10层table嵌套,注意,那不是十个嵌套的标签,而是三十个嵌套的标签。是DIV的三倍,如果网页越复杂,代码的增加量就呈几何级数增长。而且非常有趣的一件事情是:我们曾做过测试,在保持网页字节数一样的情况下。随着文件大小的增加,DIV网页打开的速度越来越明显快于Table网页!
当我们达到了10M时,DIV丢失了CSS样式,但网页内容显示出来了,而table网页则造成了浏览器崩溃。不知道楼主对这一现象做何种解释?

这里特别要提到的是,DIV网页可以丢失CSS样式。即,如果一个浏览器不支持CSS,它仍然可以把DIV的内容显示出来,只是样子很难看,但客户仍然能看到他想看到的信息,而Table网页却做不到这一点,要么,就都显示出来,要么就直接一个白页,让客户很失望。

第三,回到文字本身的意义上来讲,table是什么意思?是表格吧?表格应该用来做什么?我相信小学毕业的学生都应该知道,表格是用来显示统计信息的,从小我们都不会把表格与布局联系起来,也就是说table这个单词的本来含义就没有布局的意思,而DIV是什么意思?它就是块,是层的意思,块,层就有布局的含义,所以,从逻辑上来说,DIV布局要比Table布局更容易被人接受(我想大家都应该还记得当初在刚学Table布局的时候那种怪怪的感觉吧?)。

最后,任何事物的存在都有其合理性,就象当初用Table布局是因为网页安排元素的位置实在没有什么好的办法,因为当初CSS还不存在,后来出现了,但一个浏览器和一个浏览器互不兼容。那时用CSS布局可以说是不现实的,因为你得为每一种浏览器实现不同的CSS代码。而表格在各浏览器下面的表现却是一致的,所以聪明的人自然就想到了Table。历史走到了今天,虽然CSS还是有兼容性问题,虽然CSS同样还不完美,但它已经比当初有了长足的进步,已经可以当担起它的重任,那为什么我们还要死抱当初不得已而为之后表格布局不放呢?只能说,你养成了一个习惯,而不愿意改变吧。

顺便再补充一句:任何一种技术,如果它没有它必然的缺陷,它不会被轻易淘汰,如果它没有它必然的优势,它不会被大众追捧。

我想,现在各大门户网站的首页全部换成了DIV+CSS一定是有其原因的,企业讲究的是利润,而不是讲究人们追逐潮流,一味虚荣、比较的心态。如果DIV+CSS不能带来效率和利润,我想门户网站绝不会做如此愚笨的事情。

说了这么多,也谈了我自己的亲身实践和体会。再一次强调,DIV+CSS与Table相比,在开发阶段没有任何优势,而且学习起来也比Tabl困难,但在开发大型网站时,无论从灵活性,可扩展性,维护性,开发效率,显示速度上,均大大优于Table,这是无可辨驳的事实(难道新浪淘宝他们仅仅为了追个潮流就把原来辛辛苦苦做的table网页全部换成DIV网页?!)。

回答2:

两种主要的分别就在于,1.内容分离布局更灵活,便于维护,和修改,由其是做大型网站的时候特别明显。2.就是网站的优化,可以被更好的搜索和收录,你看以看一下百度首页除了做推广的,下边的收录页基本是CSS+HTML形式

回答3:

就是多了个css呀
html用来显示内容部分.
而css用来表现内容.
如果再加javascript的话,就是加了行为了.