thscope="row"和thscope="col"什么意思? ionic row col换行
就我用到现在,很多表格要比上面提供的例子复杂的多。让例子复杂一点,我会移去“Company”表头,并且把第一列的数据移到表头单元格里:
<table summary="The number of employees and thefoundation year of some imaginary companies.">
<caption>Table 1: Companydata</caption>
<tr>
<td></td>
<th>Employees</th>
<th>Founded</th>
</tr>
<tr>
<th>ACMEInc</th>
<td>1000</td>
<td>1947</td>
</tr>
<tr>
<th>XYZCorp</th>
<td>2000</td>
<td>1973</td>
</tr>
</table>
Table 1: Company data Employees Founded
ACME Inc 1000 1947
XYZ Corp 2000 1973
在这个表格里,每一个数据单元格都有两个表头。最简单的方法让那些非可视的浏览器理解这个表格,就是为每个表头添加一个scope属性。
<table summary="The number of employees and thefoundation year of some imaginary companies.">
<caption>Table 1: Companydata</caption>
<tr>
<td></td>
<thscope="col">Employees</th>
<thscope="col">Founded</th>
</tr>
<tr>
<th scope="row">ACMEInc</th>
<td>1000</td>
<td>1947</td>
</tr>
<tr>
<th scope="row">XYZCorp</th>
<td>2000</td>
<td>1973</td>
</tr>
</table>
Scope属性同时定义了行的表头和列的表头:
col: 列表头
row: 行表头
在第一行的<th>加上值为col的scope属性,声明他们是下面数据单元格的表头。同样的,给每行的开头<th>加上值为row的scope属性声明他们是右边数据单元格的表头。
Scope属性还有两个值:
colgroup: 定义列组(column group)的表头信息
rowgroup: 定义行组(row group)的表头信息
一个列组是由<colgroup>标签定义的。行组则是由<thead>、<tfoot>和<tbody>定义的。稍后我将会详细介绍它们。
如果你既想要保留“Company”表头,而又想让公司名字作为行表头(rowheaders)显示,你会怎么做?那样的话,应该使得包含公司名字的单元格同时提供表头和数据信息。也就是说,<td>标签也应该加上scope属性:
<table summary="The number of employees and thefoundation year of some imaginary companies.">
<caption>Table 1: Companydata</caption>
<tr>
<thscope="col">Company</th>
<thscope="col">Employees</th>
<thscope="col">Founded</th>
</tr>
<tr>
<td scope="row">ACMEInc</td>
<td>1000</td>
<td>1947</td>
</tr>
<tr>
<td scope="row">XYZCorp</td>
<td>2000</td>
<td>1973</td>
</tr>
</table>
这样的话可视化浏览器不会默认的把companyname显示为表头。所以需要用CSS来修正一下,就刚才那个例子,我使用了下面的CSS:
td[scope] {
font-weight:bold;
}
更多阅读
怎样理解换手率是什么意思? 换手率是什么意思
怎样理解换手率是什么意思? 1、 换手率是指个股日成交量与其流通盘的比值,它反映了个股的活跃程度,在实战操作之中,对量的研判是非常重要的,换手率是值得长期关注的指标。其原理和方法: 大家知道,热门股的重要特征是股价表现活跃、成交量
什么是卡片机?卡片机是什么意思? 卡片机相机排行榜
什么是卡片机?卡片机是什么意思?——简介卡片相机在业界内没有明确的概念,仅指那些小巧的外形、相对较轻的机身以及超薄时尚的设计是衡量此类数码相机的主要标准。卡片机是大众消费者、学生一族最受欢迎的数码相机,不仅因为他相对于单
思密达是什么意思? 晚安思密达是什么意思
思密达是什么意思?——简介对于思密达这个词大家一定不会陌生,特别是在看韩剧的时候,思密达会经常出现,那么思密达的意思是什么呢?什么时候会用到呢?下面小编详细的给大家介绍。思密达是什么意思?——工具/原料韩语、朝鲜语思密达是什么
百度云盘离线下载是什么意思?以及如何使用? 百度云盘离线
百度云盘离线下载是什么意思?以及如何使用?——简介百度网盘提供的离线下载功能,今天自己很好奇所以自己尝试一下。到底是什么功能以及好不好用?下面会详细的和大家分析,希望对大家有所帮助吧~~百度云盘离线下载是什么意思?以及如何
4k电视是什么意思? 液晶电视4k是什么意思
4k电视是什么意思?——简介下面和大家分享4K电视的意思;如果大家觉得此分享对你有帮助,请将之分享到你的朋友圈,或者微博中,让更多小伙伴知多点。4k电视是什么意思?——方法/步骤4