首页 > 教程 > 关键词 > 最新资讯 > 正文

使用html表格和CSS进行混合网页设计

2006-10-30 16:08 · 稿源:techrepublic.com.com

  最近一篇关于桢(Frames)的文章让我开始考虑网页设计的当前状态。不久前公布了许多的网页标准。使用CSS以及XHTML开发网页程序的优点正日益得到人们的称颂,但仍有许多 的开发者团体更依赖于使用HTML表格来控制页面的输出。让我们来考虑一下使用HTML表格和使用CSS方法的各自优点。

  老方法未必不好

  当我刚开始进行网页设计时,我吃惊于HTML表格的强大和弹性。它们可以被无穷嵌套以达到预期的设计效果,而原先空白表格无法在浏览器中正确显示的问题则可以通过空白GIF图 片予以修正。但是HTML和表格背后的意义并不在于外观。

  HTML表格用于设计呈现表格式的数据。所以,如果你希望数据看起来像在Excel中那样,那么使用表格就是最佳答案。除了毫不费力的应付这些数据,早年的网页开发者们迅速发现 了表格还是控制网页输出与外观的绝佳办法。

  将一个网页设计切割成不同的表格是很简单的事情,但是要手工编码完成同样的输出可就有些麻烦。另外,网页设计中无数嵌套的表格在需要改变时就成了令人头痛的梦魇,好在 类似Frontpage这样的可视化设计工具还可以助你一臂之力。要展示基于表格的输出,有个好方法就是使用一个示例。

  表格设计可以提供我们期望的设计结果,但是最终的HTML代码就有点不好理解了。使用表格的一个有利方面是众多浏览器全都支持,包括类似IE 5.0这样的古老浏览器。这一点和基 于CSS的设计明显不同,但是CSS有一些不同的优点。

  突破新的应用

  几年之前,当CSS刚刚成型之时,网页标准就开始推行了。它的建立基于HTML被设计用于处理网页内容的事实。这意味着,它不是设计用于处理数据的。CSS继承了这个设计原理, 允许你很容易的将设计(HTML)和外观(CSS)区分开来。

  首先,CSS是用于处理文本的外观,比如颜色和字体,不过逐渐成长为支持各种外观因素。除了简化文本外观以及颜色外,CSS还提供了布局功能。基于CSS的输出设计有个问题就是 浏览器的支持。浏览器的支持正在慢慢达到期望值,但是古老的浏览器永远也不可能支持。在支持有限的情况下,又有多种不同的工作区和修改版本。

  让我们来看个使用CSS开发的HTML示例,和使用HTML表格的做个对比。在列表B中的HTML源代码,其浏览外观和使用DIV标记定义页面主要区域(题头,菜单,内容和页脚)的效果完 全相同。另外,菜单区使用了一个未排序的列表。CSS被包含在HTML的“head”部分中。它定义了不同的DIV标记的外观规则。这包含了色彩和空白。

  使用CSS输出的最终结果是设计更简单,因为内容将由HTML来控制(没有了表格,HTML源代码阅读起来也简单多了),而外观则简单的交由CSS来控制。因为对CSS的支持各个浏览器 有些差异,所以你必须努力不懈的进行测试,并部署许多的CSS修改以适应已知的浏览器差异。至于这些修改(以及如何在老式浏览器中工作),则不在本文的讨论范围之内了。

  其他设计方法

  HTML表格和CSS并不是控制网页输出的唯一方法。你也可以使用Macromedia Flash来提供一个动态接口。不过,你总该另外提供一个HTML/CSS的通道,以服务那些浏览器不支持 FLASH的用户,以及那些不注意FLASH接口的用户。

  是否该采用混合之道?

  我最近已经参与了多个项目,采用混合HTML表格和CSS的设计方法。这使得适应当今为数众多的浏览器成为一件容易的事情。我也参与了一个特别的项目,使用纯粹的CSS设计,但 这是一个企业内部网程序,由客户浏览器进行控制,所以设计起来比较容易。

  在眼下的这种网页情况下,我推荐混合的设计模式,CSS可用于控制一个页面中的绝大多数外观(字体,大小,颜色,等等),而表格则可以辅助输出布局——特别在CSS的输出布 局功能没有得到广泛支持时。

  • 相关推荐
  • 大家在看
  • 越过5G,美国运营商与高通、诺基亚成立6G联盟:确保领导地位

    在5G技术上,美国公司一直被认为落后于中国公司,已经无法主导整个技术标准了。现在美国有一个目标就是跳过5G,直接发展6G,现在高通、微软及美国三大运营商等公司成立了6G联盟。

  • OPPO官宣全面进军IoT,目前已有500万用户

    OPPO10月19日在上海宣布向IoT全面进军,发布“OPPO 智美生活”品牌主张。OPPO副总裁刘波说,“我们已发布20多款IoT产品,有500万用户。”另外,OPPO还将发布5款包括手环和耳机等在内的IoT产品。

  • 研究机构:全球云计算市场规模2024年有望超过1万亿美元

    10月19日消息,据国外媒体报道,今年的疫情,加速了企业向云计算的转变,全球云计算市场在未来几年也将快速增长。研究机构预计,包括云计算硬件、软件及服务在内的全球云计算市场的规模,在2024年有望超过1万亿美元,复合年均增长率将达到15.7%。预计全球云计算市场规模有望在2024年达到1万亿美元的这一研究机构的一名高管透露,基于疫情期间的经验,大部分的企业的数字基础设施和应用服务将加速向以云为中心转变,到?

  • 特斯拉德州超级工厂建设加速 首批立柱已竖立在现场

    10月19日消息,据国外媒体报道,电动汽车制造商特斯拉加速了其德州超级工厂的建设。最近拍摄的工厂图片和视频显示,该工厂的首批立柱已经竖立在现场。今年7月份,特斯拉CEO埃隆·马斯克(Elon Musk)表示,特斯拉的下一座超级工厂将建在德州奥斯汀。该工厂将是特斯拉继内华达州超级工厂、纽约超级工厂、上海超级工厂和柏林超级工厂之后的第五家工厂,也将是继弗里蒙特工厂、上海工厂和柏林工厂之后的第四家汽车组装工?

  • 人人车创始人李健退出,不再担任公司投资人、执行董事

    10月16日,北京人人车网络技术有限公司发生多项工商变更,法定代表人由杜希勇变更为赵松。股东变更方面,该公司创始人李健(退出前持股96.00%)和王清翔退出,新增股东王雪、 祥瑞科耀(北京)科技有限公司。

  • iPhone12序列号查询地址 苹果12手机序列号查询

    苹果iPhone12手机在10月23日正式发售上市,接下来相信会有不少用户陆续收到手机,拿到手机的时候需要进行查询序列号,那么官方序列号查询地址在哪里呢,我们来一起看下具体的查询方法。

  • 程武解析内容生产“三级跳” 加码影视投入和强化产业耦合

    10月19日,腾讯影业、新丽传媒、阅文影视在上海举办联合发布会。在腾讯新文创战略的纵深推进下,三家公司以整体影视生产体系首次亮相,成为腾讯和阅文深度布局影视业务、强化数字内容业务耦合的“三驾马车”。腾讯集团副总裁、阅文集团首席执行官、腾讯影业首席执行官、腾讯动漫董事长程武在本次发布会上,腾讯集团副总裁、阅文集团首席执行官、腾讯影业首席执行官、腾讯动漫董事长程武以《聚合数字内容“新基建” 释放光影大能量》为?

  • 科大讯飞智能录音笔SR701不止于录音

    近日,关于讯飞智能录音笔SR701的讨论一直很多,据说不论你说什么有难度的内容,只要你说的出来,它就能给你转写出来,于是我就入手了,下面就来看看我的评测体验。讯飞智能录音笔SR701最为吸引人的功能,根据不同的场景下进行智能录音处理。在这一功能的加持之下,讯飞智能录音笔实现了快速将录音转写为文字,录音转文字准确率、翻译准确率都非常高。讯飞智能录音笔SR701的顶部设计有两个定向麦克风,可以根据不同方位进行收音。?

  • 字节跳动否认入局社区团购 回应称消息不实

    今天,AI财经社报道称,字节跳动正在布局社区团购,以高出市场两倍薪资挖人。报道称字节跳动最快将于11月在山东中部地区试点,最慢12月推进。

  • 黑龙江酸汤子中毒事件9人全部身亡 米酵菌酸危险别忽视

    前几天黑龙江鸡西市鸡东县发生了一起惨剧,家庭聚餐中有9人食用了当地特色食物酸汤子,导致中毒。今天下午,中毒事件中唯一的幸运者也不幸死亡,最终这起事故中的9人都不幸遇难了。最初的检验

  • 苹果内部培训文档曝光:iPhone 12双卡模式下无法开启5G

    今年iPhone 12全系都采用双卡双待,唯一的例外是国行版,iPhone 12 mini为单卡。当然,其它国行型号的双卡也与国外不同,前者是实体双卡,后者则是实体SIM+eSIM。不过,在国外社区出现了据称来

  • 今日油条被起诉后公开信致歉:以头条为榜样 立志做好早餐店

    近日,河南一家名为今日油条的网红店引起众网友关注。从网友晒出的图片来看,这家网红店从名字到图片,再掉店内装修,都与今日头条APP有相似之处。就连菜单,也根据今日头条APP界面来进行设计

  • 荣耀天猫共建首个淘宝直播基地 双11将正式启用

    今日,荣耀与天猫联合宣布,将在今年天猫双11期间正式启用行业内首个共建的淘宝直播基地。

  • 90后植发人数占比57.4%,新生植发提醒您选对植发医院很重要

    网络上有句话,猝死不是 90 后担心的问题,脱发才是最担心的问题。这句话一发布在微博上,立刻引发了成千上万的转发。之后,端着保温杯的年轻人,让“保温杯”和“枸杞水”的热量空前发酵。人们见面和取笑的方式开始变成“昨晚你什么时候熬夜”和“你今天掉了多少根头发”。“熬夜”、“脱发”和“保持健康”已经成为年轻人话题的新焦点。据之前有医生接受媒体采访时表示,目前脱发人群当中,38%是 80 后,还有36%是 90 后,最小年

  • 方太荣获中国标准创新贡献奖一等奖

    转载自甬派客户端 记者金鹭刚刚,甬派记者获悉,作为《家用和类似用途电器的抗菌、除菌、净化功能通则》等8项标准的主要完成单位,宁波方太厨具有限公司荣获2020年中国标准创新贡献奖标准项目奖一等奖。据了解,中国标准创新贡献奖是我国标准化领域的最高奖项,由国家质检总局和国家标准委于2006年设立。奖项的设立旨在表彰在标准化活动中作出突出贡献的组织和个人,调动标准化工作者的积极性和创造性,促进标准化事业健康发展。今

  • 天涯明月刀手游服务器已满解决办法 服务器满了怎么办

    天涯明月刀手游中经常的遇到服务器满了的情况,很多玩家还不清楚怎么办,下面就来为大家分享一下天涯明月刀手游服务器已满解决办法。

  • 道有道使命:助力企业持续增长用户

    在互联网大时代的今天,大部分企业的营销重点从线下转移到了线上。从流量获取到用户转化,再到内容共建的数字营销,正式进入高速发展快车道。近年来,从互联网各项营销数据中不难看出,为各大企业实现用户增长的数字化营销遥遥领先,数字化营销成为了各大企业用户增长的重要手段。在更精准、更高效、更贴合需求的模式下,数字营销已然占据互联网营销的首位,得到了众多企业的垂青。而这当中,道有道科技集团股份公司深耕数字营销,

  • 马斯克旗下挖掘公司Boring所建地下环线可能只能承载承诺人数的25%

    10月19日消息,据国外媒体报道,埃隆·马斯克(Elon Musk)的Boring公司(英文boring有“挖掘”和“无聊”两种意思,因此马斯克也借“Boring Company”自嘲要开一家“无聊的公司”。)在拉斯维加斯会议中心(LVCC)下的隧道系统可能无法达到像最初承诺的运送人数。除了令人失望之外,可能Boring公司还面临着经济处罚。地下环线它所面临的瓶颈并不在于技术,而是消防条例。消防条例规定,环路三个车站之一的装卸区的乘?

  • 京东副总裁韩瑞:京东才是真百亿补贴

    双十一电商大战又将开启。10月19日消息,京东赶在阿里巴巴前一天召开双十一媒体沟通会,对外披露今年京东双十一的优惠举措。京东称,京东将推出包括超级百亿补贴、直播超级夜等多项活动,共计带来超2亿件5折商品、超3亿件新品。由于今年上半年疫情影响,预计今年的各电商平台双十一大战将更为激烈。今年,京东专门请了笑果文化举办了一场“京东脱口秀大会”,似乎意在拉近与年轻消费者的距离,扩大京东双十一的影响力

  • 韩国韵达拒邮防弹少年周边包裹 因为一些众所周知的原因

    【韩国韵达拒邮防弹少年周边包裹】10月19日下午,韩国韵达官方账号发布微博称,因为一些众所周知的原因,有关防弹少年团的包裹暂时不再邮寄了。日前,韩国男子组合“防弹少年团”发表获奖感言时表示,会永远铭记两国(意指韩美)共同经历的苦难历史。这样的表述令很多中国网友和粉丝不满。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签