HTML5与CSS3基础教程-第18章 表格

《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跨越多行。