当前位置:  开发笔记 > 编程语言 > 正文

使用HTML表"summary"属性

如何解决《使用HTML表"summary"属性》经验,为你挑选了1个好方法。

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)表示,summary属性是"简要概述数据如何组织到表中或关于如何导航表的简要说明"

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属性中放入任何东西,你输入目的,结构,内容描述,结论和/或其他东西,为什么?基于该属性的真实用户的反馈的原因特别受欢迎.



1> kzh..:

summary属性已过时.如果表标题元素不合适,则将表放在figure元素中,在figcaption元素中添加其他信息.轴属性也已过时; 相反,在适当的元素上使用范围.

从W3C关于摘要:

元素表不得显示为标题元素的后代.

table元素的summary属性已过时.考虑在标题元素或包含table元素的figure元素中描述表的结构; 或者,简化表的结构,以便不需要描述.

table元素的align属性已过时.请改用CSS.

table元素的width属性已过时.请改用CSS.

表元素上的bgcolor属性已过时.请改用CSS.

table元素上border属性的值必须是"1"或空字符串.要调整表格边框的粗细,请改用CSS.

table元素上的cellpadding属性已过时.请改用CSS.

table元素上的cellspacing属性已过时.请改用CSS.

table元素的frame属性已过时.请改用CSS.

table元素的rules属性已过时.请改用CSS.

从W3C关于轴:

td元素的scope属性已过时.请改用第th个元素的scope属性.

td元素的abbr属性已过时.请考虑使用简洁的文本开始单元格内容,然后根据需要进一步详细说明.

td元素上的axis属性已过时.请改用scope属性.

td元素上的align属性已过时.请改用CSS.

td元素的width属性已过时.请改用CSS.

td元素上的char属性已过时.请改用CSS.

td元素上的charoff属性已过时.请改用CSS.

td元素的valign属性已过时.请改用CSS.

td元素上的bgcolor属性已过时.请改用CSS.

td元素的height属性已过时.请改用CSS.

td元素上的nowrap属性已过时.请改用CSS.

推荐阅读
周扒pi
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有