当前位置:  编程技术>WEB前端

从Table向Css过渡的优缺点比较

    来源: 互联网  发布时间:2014-09-06

    本文导语:  CSS布局提倡者的声音正被"表格布局的优点"的声音所覆盖。一个荒诞的说法是CSS是难学的。事实上,CSS一点也不比其他网页技术难。问题在于:对于表格设计已经相当有经验的web设计师不得不完全放弃他们的思维模式改用CSS方...

CSS布局提倡者的声音正被"表格布局的优点"的声音所覆盖。一个荒诞的说法是CSS是难学的。事实上,CSS一点也不比其他网页技术难。问题在于:对于表格设计已经相当有经验的web设计师不得不完全放弃他们的思维模式改用CSS方法。

我曾经用表格布局设计过许多年,当我第一次开始使用CSS布局时,我也遇到了问题。"用表格多简单呀"我想。但是,那只是因为我已经用惯了表格,我知道如何巧妙的处理它们。任何改变,哪怕是小小的一点,都会让我觉得麻烦,更不用说这么激烈的变化。

回忆起我第一次学习用表格布局,同样有一大堆的问题困绕着我。回头想想那些rowspans, colspans以及空白的GIF图片,公平的说这两种布局方法,用表格布局更加难些。

另一个陈旧的观点是:CSS设计的页面(字节数)非常大,比表格设计的页面大。理由是:因为你将整个站点所有的样式都放在一个文件里,当用户访问一个页面,包含整个站点样式的样式表都需要下载,因此页面非常大。 

那么为什么你要将所有样式都放在一个CSS文件里?没有人限制你只能用一个CSS文件,你完全可以为某部分章节的细节样式设立单独的子样式表文件。在我的经验里,从简单的手册型站点到大型的数据库驱动,多功能的系统网站,我从来没有只用过单独一个样式表文件,没有一个首页的代码比用表格设计的多。那些table,tr,td标签占据了大量空间,立刻行动起来吧,用CSS布局方法将你的文件尺寸猛砍下来。

当你用表格布局时,你失去了标签本身的语意。web标准方法布局分离了内容和表现层将带来巨大的好处。当你用表格锁定了你的设计,一旦你需要改变它,你必须找到这个页面,然后再分析出表格结构,再一页一页修改,而CSS文件可以简单的改变整个站点的设计。用CSS你根本无须考虑设备无关性,无须考虑用户选择他们自己的样式。

还听说一个表格的"好处":设计forms。但是forms可以用任何方法实现表格排列。是为了Netscape4? 我从来没听说过支持这么老的浏览器是一个理由。大部分主流浏览器的用户利益远远大于少数的用不支持样式表的浏览器的用户的利益(先不说CSS也支持纯文本)。

那些"超级表格"支持者的观点归结起来就是一点:"表格更容易。"这是胡说!如果你满足于一个低效率的方法,那随你的便。如果你想突破限制,使页面内容更加通用、易用,代码更加少,那就努力转变吧。当然如果你是新学网页设计,从头开始,你就不会有这些问题。

"小车不倒只管推","这只是设计师工具箱里的工具而已。"这是一些讨论者的观点。表格布局象一把老式的木头柄螺丝起子,你可以仍旧使用它来钻进一面墙。而我宁愿使用电动的螺丝起子,CSS布局更加高效,不会让我的手再起水泡。

    
 
 

您可能感兴趣的文章:

 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery实现效果比较好的table选中行颜色
  • java命名空间javax.swing.table类jtableheader的类成员方法: table定义及介绍
  • mysql下优化表和修复表命令使用说明(REPAIR TABLE和OPTIMIZE TABLE)
  • java命名空间javax.swing.plaf.synth类region的类成员方法: table定义及介绍
  • 我在table中选中一行删除后,数据库中是删除了,但我的table中这一行还显示,我怎么让他不显示??
  • java命名空间javax.accessibility类accessiblerole的类成员方法: table定义及介绍
  • 用new JTalbe(10, 20)创建了一个table,如何设置该table列(column)的宽度
  • java命名空间javax.swing.plaf.basic类basictableui的类成员方法: table定义及介绍
  • 請問在一個分成上下兩個框架的整個頁面中,上面框架是包含一個form的form.jsp頁面,下面框架則是包含table的另一table.jsp頁面,當按下fo
  • java命名空间javax.swing.text.html类html.tag的类成员方法: table定义及介绍
  • GTK编程~我在hpanel里加了一个4*1table~里面放了四个button~怎么设置可以使四个button之间有一定的距离~设置table 的边框么?请教下怎么让app的界面固定~不能最大化
  • java命名空间javax.swing.table类jtableheader的类成员方法: gettable定义及介绍
  • Table Library
  • java命名空间javax.swing.plaf.synth类region的类成员方法: table_header定义及介绍
  • 困惑很久的问题,一个实体BEAN只能对应一个TABLE吗?如果有几百个TABLE,难道要写几百个实体BEAN?
  • java命名空间javax.sql.rowset.spi类syncprovider的类成员方法: datasource_table_lock定义及介绍
  • 关于定死table宽度
  • java命名空间javax.swing.table类jtableheader的类成员方法: getcolumnmodel定义及介绍
  • java/j2ee iis7站长之家
  • java命名空间javax.swing.table类tablecolumn的类成员方法: identifier定义及介绍
  • CSV格式读取表格插件 csv2table
  • java命名空间javax.accessibility类accessiblecontext的类成员方法: accessible_table_model_changed定义及介绍
  • JQuery动态删除Table表格的行与列


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3