th scope="row"和th scope="col"什么意思??

把表头和数据联系起来:scope,id,headers属性 就我用到现在,很多表格要比上面提供的例子复杂的多。让例子复杂一点,我会移去“Company”表头,并且把第一列的数据移到表头单元格里:

Table 1: Company data
EmployeesFounded
ACME Inc10001947
XYZ Corp20001973

Table 1: Company data Employees Founded ACME Inc 1000 1947 XYZ Corp 2000 1973 在这个表格里,每一个数据单元格都有两个表头。最简单的方法让那些非可视的浏览器理解这个表格,就是为每个表头添加一个scope属性。

Table 1: Company data
EmployeesFounded
ACME Inc10001947
XYZ Corp20001973

Scope属性同时定义了行的表头和列的表头: col: 列表头 row: 行表头 在第一行的加上值为col的scope属性,声明他们是下面数据单元格的表头。同样的,给每行的开头加上值为row的scope属性声明他们是右边数据单元格的表头。 Scope属性还有两个值: colgroup: 定义列组(column group)的表头信息 rowgroup: 定义行组(row group)的表头信息 一个列组是由标签定义的。行组则是由、和定义的。稍后我将会详细介绍它们。 如果你既想要保留“Company”表头,而又想让公司名字作为行表头(row headers)显示,你会怎么做?那样的话,应该使得包含公司名字的单元格同时提供表头和数据信息。也就是说,标签也应该加上scope属性:

Table 1: Company data
CompanyEmployeesFounded
ACME Inc10001947
XYZ Corp20001973

这样的话可视化浏览器不会默认的把company name显示为表头。所以需要用CSS来修正一下,就刚才那个例子,我使用了下面的CSS: td[scope] { font-weight:bold; } 要注意上面的规则使用了属性选择符,IE是不支持的。而通过添加一个class来样式化表头是个不错的办法

转载于:https://www.cnblogs.com/EWall/archive/2011/01/21/1941456.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值