level 8
IT资料分享🍄
楼主
一、table元素最棒的特性之一是作者不必操心尺寸的问题。浏览器会保证让列的宽度足以容纳最宽的内容,让行的高度足以容纳最高的单元格。
二、tbody表示构成表格主体的全体行——不包括表头行和表脚行(它们分别由thead和tfoot元素表示,稍后就会介绍)
1. 顺便说一句,即便在文档中表格没有用到tbody元素,大多数浏览器在处理table元素时都会自动插入tbody元素。因此完全根据结构来设计的CSS选择器有可能不管用。例如,由于浏览器在table和tr元素之间插了一个tbody元素,所以table > tr这个选择器会失效。为了应对这种情况,需要使用table > tbody >tr或table tr(没有字符>)这样的选择器,或者干脆写成tbody > tr。
2. 如果没有thead元素的话,所有tr元素都会被视为表格主体的一部分。
3. tfoot用来标记组成表脚的行。
在HTML5之前,tfoot元素只能出现在tbody元素(如果省略tbody元素,则是第一tr元素)之前。在HTML5中则可以把tfoot元素放在tbody元素之后或最后一个tr元素之后,这与浏览器显示表格的方式更为一致。
把tfoot放在tbody之前通常更方便一点,而手工编写HTML代码时反tfoot放在tbody之后要更自然一些。
三、把表头与单元格关联起来
td和th元素都定义了headers属性,它可以供屏幕阅读器和其他残障辅助技术用来简化对表格的处理。header属性的值可被设置为一个或多个th单元格的id属性值。
2019年04月11日 09点04分
1
二、tbody表示构成表格主体的全体行——不包括表头行和表脚行(它们分别由thead和tfoot元素表示,稍后就会介绍)
1. 顺便说一句,即便在文档中表格没有用到tbody元素,大多数浏览器在处理table元素时都会自动插入tbody元素。因此完全根据结构来设计的CSS选择器有可能不管用。例如,由于浏览器在table和tr元素之间插了一个tbody元素,所以table > tr这个选择器会失效。为了应对这种情况,需要使用table > tbody >tr或table tr(没有字符>)这样的选择器,或者干脆写成tbody > tr。
2. 如果没有thead元素的话,所有tr元素都会被视为表格主体的一部分。
3. tfoot用来标记组成表脚的行。
在HTML5之前,tfoot元素只能出现在tbody元素(如果省略tbody元素,则是第一tr元素)之前。在HTML5中则可以把tfoot元素放在tbody元素之后或最后一个tr元素之后,这与浏览器显示表格的方式更为一致。
把tfoot放在tbody之前通常更方便一点,而手工编写HTML代码时反tfoot放在tbody之后要更自然一些。
三、把表头与单元格关联起来
td和th元素都定义了headers属性,它可以供屏幕阅读器和其他残障辅助技术用来简化对表格的处理。header属性的值可被设置为一个或多个th单元格的id属性值。