《HTML5与CSS3基础教程(第8版)》 第18章读书笔记
-
2020/04/07
-
结构化表格: (p368 - 371)
- 从基本层面看,
table
元素是由行组成的。每个行tr
都包含标题单元格(th
)或数据单元格(td
) 或两者一起组成的。 - 可以使用
scope
增加屏幕阅读器的可读性。如在列的标题单元格使用scope = "col"
等。 table
中还可以包含thead
和tfoot
, 分别表示表头和表尾。但是如果使用了他们(任意一个或两者),就必须使用tbody
。一个表格只能包含一个thead
和一个tfoot
,但是tbody
可以包含多个。- 如果表格页面在打印时超过了一页,有的浏览器会在每一页上面都打印
thead
和tfoot
内容。 table
还可以使用caption
元素来规定标题, 但是如果使用了caption
,那么它必须是table
元素中的第一个元素。table
还可以嵌套在figure元素内部, 如果table
是figure
元素中除了figcaption
以外的唯一元素,则可以省略表格的caption
,使用figcaption
作为标题。
- 从基本层面看,
-
让单元格跨越多列或多行: (p371 - 372)
使用
colspan
和rowspan
让th
或td
跨越多行。