zoukankan      html  css  js  c++  java
  • th scope="row"和th scope="col"什么意思??

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

    Table 1: Company data
    Employees Founded
    ACME Inc 1000 1947
    XYZ Corp 2000 1973

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

    Table 1: Company data
    Employees Founded
    ACME Inc 1000 1947
    XYZ Corp 2000 1973

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

    Table 1: Company data
    Company Employees Founded
    ACME Inc 1000 1947
    XYZ Corp 2000 1973

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

  • 相关阅读:
    docker基础命令
    Dubbo添加Filter过滤器
    Jvm FullGC 如何排查?
    ElastaticSearch----es聚合,并获取query的排序结果
    java8 StringJoiner拼接字符串
    ElastaticSearch--- es多字段聚合
    java使用Mysql批量更新(先查询,再插入或更新)
    Mybatis批量插入,批量更新
    谷粒商城学习——P51商品服务-API-三级分类-删除-删除效果细化
    谷粒商城学习——P50商品服务-API-三级分类-删除-逻辑删除
  • 原文地址:https://www.cnblogs.com/EWall/p/1941456.html
Copyright © 2011-2022 走看看