网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > 心得技巧
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.获得网页控件方法大全.
.Web 的内容、结构与表现漫谈.
.让广告代码不影响网站打开速度的.
.RSS标准扩容,新标准获微软支持.
.熟练设计师的七原则(2):颜色运用.
.HTML:关闭(离开)浏览器窗口前的.
.target=_blank不符合标准?.
.robots.txt 指南-介绍[翻译] .
.favicon.ico以及动态图片的实现.
.网页设计颜色代码大全.
.凸显个性 网页右键菜单我作主.
.统计Google广告点击次数的方法.
.网页图片如何自适应网页大小,而不.
.W3C近日发布XHTML Basic 1.1等两.
.常用网页播放器代码.
.WAP标记语言XHTML基础教程之XHTM.
.技巧:制作友情链接的学问.
.网站建设中应该注意的12个错误.
.正则表达式过滤HTML危险脚本 .
.解决网页上的FLASH挡住层的问题.

使用DIV之后,什么时候使用TABLE?

发表日期:2008-7-5


  今天有一好友MSN上突然问我这个话题,突然想到其实在论坛里面,关于DIV和TABLE表格的使用疑问有不少人发过贴子问过,这里我想整理一下我的思路!

  关于表格

  使用WEB标准之后,并不是说排除表格的使用,表格并不是鸡肋,而正好相反是一道大餐,之所以在很多关于CSS布局的文章中常提到"为什么使用表格排版是不明智的"这句话,可能是大家对他的理解有误,这里注意一点"使用表格排版"是"不明智"的.指的是我们使用了很多年的,用表格来排版是不明智的,表格归根截底是一种显示"数据"的方式,大家可以想象一下EXCEL,表格就是起这个使用的,有的时候信息使用表格显示让我们能清晰易读,所以才使用表格,比如公司员工联系表,产品与型号对应表等.

  那么所谓表格大餐呢,其实意见上升到了一个层次,也就是说你如果能像专业市场分析公司那样,灵活使用表格来显示客户数据和调查数据等消息的时候,那才是真正利用了表格的优势.

  所以,关于那句使用以久的话,应该改为"使用表格作为网页排版,布局页面元素是不合理的,表格是用来显示数据的".

  关于其它元素

  我这里按我的使用经验,把XHTML标准中的一些元素,分为三大类:

  第一类是我称之为辅助布局设计元素:
  这里我指的是DIV,SPAN等,这类元素的主要功能是用来布局整个页面的,灵活使用这些元素的各种属性,可以让你的页面表现丰富多彩.

  第二类我称为结构化元素或叫信息元素
  这里指的是TABLE,UL,PRE,CODE类元素是一种信息显示与整理方式,比如TABLE很明显就是用来显示表格信息的,UL是用来显示列化信息的,当需要用表格或列表的时候,用这二种方式来显示是明智的

  第三类指的是A meta这样的,完全是为了实现一些功能,如填上关键字的META keyword,还有做链接的A.
  那么正确的符合标准的设计思路是:
  使用DIV等布局元素来制作页面的设计布局,定位,色块,图片等
  使用TABLE,UL等这样的元素来显示页面中需要展示数据
  当然,DIV也起整理数据的作用,使用DIV的ID属性可以很方便的将一个DIV作为一个你名命的数据块

  所以使用WEB标准来制作网站,实际是一个信息合理化整合的一个过程,什么地方该用什么元素还是照用不误,别把表格当布局工具就行.

上一篇:网页制作关于代码的18个小技巧 人气:2672
下一篇:网页设计必须注意和掌握的几个问题 人气:1834
浏览全部DIV的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐