• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > 使用div+css布局过程中在什么时候使用table呢

使用div+css布局过程中在什么时候使用table呢

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含div+css,布局,table等相关知识,佚名 希望在学习及工作中可以帮助到您
关于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标准来制作网站,实际是一个信息合理化整合的一个过程,什么地方该用什么元素还是照用不误,别把表格当布局工具就行.

您可能想查找下面的文章:

  • 学习DIV+CSS网页布局之混合布局
  • 学习DIV+CSS网页布局之三列布局
  • 学习DIV+CSS网页布局之两列布局
  • 学习DIV+CSS网页布局之一列布局
  • 前端设计师需要了解的9个问题
  • DIV+CSS中让布局、背景图片、文字内容居中的方法
  • DIV+CSS垂直居中一个浮动元素
  • 使用div+css布局过程中在什么时候使用table呢
  • DIV+CSS通过border样式制作带箭头提示框效果
  • div+css纵向导航如何实现且为导航添加超链接

相关文章

  • 2017-08-06IE6不兼容position:fixed属性的解决办法分享
  • 2017-08-06CSS3常用的几种颜色渐变模式总结
  • 2017-08-06CSS3实现自定义Checkbox特效实例代码
  • 2017-08-06CSS IE6奇数宽度或高度的bug
  • 2017-08-06css3 给页面加个半圆形导航条主要利用旋转和倾斜样式
  • 2017-08-06粗上加粗的IE10字体宽到超出原本的容器
  • 2017-08-06CSS 层叠和继承实现
  • 2017-08-06CSS3网格的三个新特性详解
  • 2017-08-06滑动门 圆角背景宽度和高度自适应
  • 2017-08-06css控制图片按等比例缩放实例兼容IE6/IE7/火狐/谷歌

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 全面了解css行高line-height的用法
    • css sticky footer布局
    • Class属性Extends和Implements的区别示例介绍
    • CSS常用属性的默认值详细整理
    • IE6 position:fixed bug (固定窗口方法)
    • 里面的div怎么撑开外面的div让高度自适应
    • li标签的position:absolute与relative案例应用
    • 详解CSS3中@media的实际使用
    • 有关opacity或RGBA设置颜色值及元素的透明值
    • CSS Float布局过程与老生常谈的三栏布局

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有