HTML 表格高级特性和无障碍

您所在的位置:网站首页 表格少了一个格怎么添加 HTML 表格高级特性和无障碍

HTML 表格高级特性和无障碍

2024-07-10 05:33| 来源: 网络整理| 查看: 265

本篇文章的一个新话题是 scope 属性,可以添加在 元素中,以告诉屏幕阅读器该表头的类型——它是所在行的表头,还是所在列的表头。回想一下我们前面的消费记录例子,你可以像这样明确地把表头定义为所在列的头部:

html Purchase Location Date Evaluation Cost (€)

而每一行都可以有一个像这样定义的标题(如果我们把行的标题和列的标题都加上):

html Haircut Hairdresser 12/09 Great idea 30

屏幕阅读器会识别这种结构化的标记,并一次读出整列或整行。

scope 还有两个可选的值: colgroup 和 rowgroup。这些用于位于多个列或行的顶部的标题。如果你回顾这部分文章开始部分的“2016 年 8 月出售的物品”表格,你会看到“衣物”单元格在“长裤”、“衬衫”和“裙子”单元格的上面。这几个单元格都应该被标记为表头(),但是“衣物”是一个位于顶部且定义了其他三个子标题的表头。因此“衣物”应该有一个 scope="colgroup" 属性,而另外三个子标题应该有 scope="col" 属性。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3