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

重新认识表格和一个访问无障碍的数据表格例子

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

    本文导语:  除特别说明外,本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。 表格一直是网页设计制作过程中一个重要的组成部分,在没学习CSS布局前,大多是用来布局的,但到目前位置发现居然还没真正地了解和完全...

除特别说明外,本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。

表格一直是网页设计制作过程中一个重要的组成部分,在没学习CSS布局前,大多是用来布局的,但到目前位置发现居然还没真正地了解和完全掌握表格,不得不需要重新认识表格......

在现代网页设计制作中,表格主要的用途应该是用来存放多元二维数据。和表格相关的标签有 table、tr、td、th、tbody、thead、tfoot、col、colgroup、caption,如何合理地应用这些标签呢?先从名词解释开始。

名词解释 table

显示二维数据

tr

表格中的一行

td

数据单元格

th

表头单元格,定义一行或者一列的表头信息,不能使用在布局表格里。

tbody

表格中的某一行或者多行编成组,要结合thead、tfoot一起使用

thead

将表格中的某一行或者多行编成组,要结合tbody、tfoot一起使用

tfoot

将表格中的某一行或者多行编成组,要结合tbody、thead一起使用

col

列,给某一列或者几列应用特定的属性,结合colgroup一起使用

colgroup

列的组合,结合col一起使用

caption

定义表格的标题,在表格开始的地方使用,仅一次

summary

说明表格的用途

例子:

访问 www.forest53.com 浏览器统计



浏览器 / 月 
2005 / 11 
2006 / 04 
2006 / 05 




总计
1,646 ( 98.45% )
6,978 ( 99.48% ) 
5,366 ( 99.56% ) 




Internet Explorer
1,535 (91.81%)
5,905 (86.41%)
4,550 (84.42%)


Firefox
98 (5.86%)
746 (10.92%)
640 (11.87%)


Opera
13 (0.78%)
147 (2.15%)
176 (3.27%)



    
 
 

您可能感兴趣的文章:

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












  • 相关文章推荐
  • 关于提高Oracle数据库性能的四个错误认识
  • linux不认识string数据类型?!
  • 认识Oracle数据库System Global Area (SGA)
  • SQL Server 数据库备份和还原认识和总结(二)
  • SQL Server 数据库备份和还原认识和总结 (一)
  • GCC不认识sockaddr_in,但认识sockaddr,哪位大侠指点一下是什么地方没有配置好
  • 如何让IE认识applet所带的数字签名,而不是让证书仓库认识这个带数字签名的applet,就是说不装jdk也可以在IE里面使用带有签名的applet,详情请进
  • 为什么我的tomcat不认识BLOB?
  • 有人认识龚向阳吗?
  • 没人认识FreeBSD吗?????????????????????????????????????????
  • 希望能和这里的朋友认识一下!
  • #mkswap swapfile为什么linux系统不认识呢?
  • 想认识一下重庆籍的unix,java开发的朋友!请进!
  • 怎样认识楼下的MM?
  • help~~~~~~我的系统里面运行rpm -bb aa.spec,,提示说不认识-bb,,,怎么办??
  • sunjiujiu,可以认识一下吗?
  • 请教:编译的时候为什么说不认识WindowAdapter?
  • 谈谈大家对io的认识
  • 为什么我的猫linux不认识?
  • 在jb7中怎么它不认识forName()?
  • 想认识几个高手,请留下QQ
  • 想认识几个编程序的高手~~
  • 想认识几个编程序的高手~~
  • arm-linux-gcc 2.95.3 不认识
  • 不认识的格式!


  • 站内导航:


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

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

    浙ICP备11055608号-3