【发布时间】:2017-06-06 02:57:44
【问题描述】:
您会使用哪些 HTML 标记来描述这样的表格:
+--------+---------+---------+---------+
| TH1 | TH2 | TH3 | TH4 |
+--------+--------+---------+---------+---------+
| TR1 | str1 | 1 | 1 | 1 |
+--------+--------+---------+---------+---------+
| TR2 | str2 | 1 | 2 | 1 |
+--------+--------+---------+---------+---------+
| TR3 | str3 | 1 | 1 | 3 |
+========+========+=========+=========+=========+
| total | 3 | 4 | 5 |
+--------+---------+---------+---------+
第二个:
+--------+---------+---------+---------+
| TH1 | TH2 | TH3 | TH4 |
+========+========+=========+=========+=========+
| GROUP 1 |
+--------+--------+---------+---------+---------+
| TR1 | str1 | 1 | 1 | 1 |
+--------+--------+---------+---------+---------+
| TR2 | str2 | 1 | 1 | 1 |
+========+========+=========+=========+=========+
| GROUP 2 |
+--------+--------+---------+---------+---------+
| TR3 | str3 | 1 | 1 | 1 |
+--------+--------+---------+---------+---------+
| TR4 | str4 | 1 | 2 | 1 |
+--------+--------+---------+---------+---------+
| TR5 | str5 | 1 | 1 | 3 |
+========+========+=========+=========+=========+
| total | 5 | 6 | 7 |
+--------+---------+---------+---------+
(假设高水平的可访问性)
【问题讨论】:
-
您的图片是否描述了结构或您希望单元格边框如何显示? Edwin Tufte、Jakob Nielsen 和 Robin Williams 可能会建议您不要使用边框。
-
问题是关于语义,而不是关于边界 :) 这是 CSS 的工作。
标签: html semantics tablelayout semantic-markup xhtml-1.0-strict