使用HTML表“summary”属性

前端之家收集整理的这篇文章主要介绍了使用HTML表“summary”属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
HTML4.01( http://www.w3.org/TR/html401/struct/tables.html#adef-summary)的规范规定表摘要属性应包含“……表的目的和结构的摘要……”以及给出的示例支持用法.

Web内容可访问性指南2.0(http://www.w3.org/TR/WCAG20-TECHS/H73.html)说,摘要属性是“提供有关如何将数据组织到表中的简要概述或有关如何导航表的简要说明”

WCAG 1.0(http://www.w3.org/TR/WCAG10-HTML-TECHS/#table-summary-info)说了类似的内容,并且示例再次显示了用于描述表的目的和结构的用法.

另一方面,伊利诺伊州信息技术无障碍中心iCITA(http://html.cita.uiuc.edu/nav/dtable/dtable-rules.php)描述了属性的最佳实践,“应该描述表格的内容或作者打算通过表格中的数据传达的结论”

我怀疑iCITA是否已经明确地选择了这个,并且还有其他HTML书籍和指南建议类似的做法.

在许多方面,这种用法对我来说更有意义,因为明智地使用thead和th元素以及范围和头部属性应该足以向无视用户描述表的结构,而没有其他用户无视用户获得复杂表格要点的方式,以匹配有视力的用户通过快速扫描表格获得的相同信息级别.

但是,我不愿意偏离WCAG的深入研究建议.

所以,我的问题是:如果你在数据表的summary属性中放入任何东西,你输入目的,结构,内容描述,结论和/或其他东西,为什么?基于该属性的真实用户反馈的原因特别受欢迎.

解决方法

我使用summary属性来描述表的结构以及行和列之间的关系.它增强了< tbody>和< th>元素和范围,轴以及标识和标题属性.可以使用这些元素和属性来理解表的结构,但是在前面有一个简单的描述是很好的.

不要低估通过简单地查看表格在视觉上传达多少信息.这是我尝试在summary属性中捕获的内容.

原文链接:https://www.f2er.com/html/226895.html

猜你在找的HTML相关文章