web学习（八）表格

1.常用标签：

        table（定义表格）
        caption（表格标题）
        thead（表格开头）
        tbody（表格正文）
        th（表格单元格）
        td（行）
        tr（列）
        tfoot（表格页脚）

2.常用属性：

               text-align   (对齐方式）
               border（边框）
               bordercolor（边框颜色）
               background（背景图片，直接写图片链接）
               bgcolor（背景颜色）
               cellspacing   (单元间间隙)
               cellpadding   (表格内边距)
               colspan   (td,横向合并单元格）
               rowspan  （td,纵向合并单元格）
               border-collapse:collapse;（table样式，合并相邻单元格边框）

3.题外话
在很早以前，很多页面是使用table布局出来的，随着css功能越来越强大，table被逐渐替代，table在布局时也可以拥有漂亮的颜值，但却有以下的缺点：
1.太深的嵌套，比如table>tbody>tr>td>h3，会导致搜索引擎读取困难，最直接的损失就是大大增加了代码量
2.灵活性差，比如要将tr设置border等属性，是不行的，得通过td
3.代码臃肿，当在table中套用table的时候，阅读代码会显得异常混乱
4.混乱的colspan与rowspan，用来布局时，频繁使用他们会造成整个文档顺序混乱
5.table需要多次计算才能确定好其在渲染树中节点的属性，通常要花3倍于同等元素的时间
6.不够语义，无论是计算机还是阅读代码的人在阅读时都觉得非常困难