XHTML、CSS与javascript入门经典_第四章 表格

4.1表格简介

    <table>

        <tr><!-- 行-->

            <th><!-- 单元格（标题），一般会将里面文本加粗-->

                <td><!--- 单元格->

4.2基本表格元素和特性

4.2.1创建表格的<table>元素

    1.align特性（ 弃用）

    2.bgcolor特性（弃用）

        设置表格的背景色

    3.border特性（ 弃用）

        设置表格外边框的宽度，单位为像素。被css border取代

    4.cellpadding特性（ 弃用）

        设置单元格的边缘和其内容之间的间隔，单位为像素或者百分比。被css padding取代

    5.cellspacing特性（ 弃用）

        设置单元格边框之间的空间，单位为像素或者百分比。被css margin取代

    6.dir特性

        设置单元格中文本的方向，从左到右（ltr），从右到左（rtl）

    7.frame特性（ 弃用）

        控制整个表格最外侧边框的外观，该特性控制程度高于border，建议用css border替换

    8.rules特性（ 弃用）

        控制表格中那些边框会被显示

    9.summary特性

    10.width特性（ 弃用）

4.2.2包含表格行的<tr>元素

    1.align特性（ 弃用）

    2.bgcolor特性（ 弃用）   

    3.char特性（ 浏览器还未支持）

    4.charoff特性（   浏览器还未支持）

    5.valign特性（ 弃用）

        设置单元格内容垂直对齐方式

4.2.3表示单元格的<td>、<th>元素

    <th>：以粗体显示单元格中的内容，居中对齐

    <td>：通常从左到右对齐

    1.abbr特性

        提供单元格内容的缩写版本， 浏览器还未支持

    2.align特性 （弃用）

    3.axis特性

        为单元格添加概念上的分类。不会有可视的格式化效果，这个特性的值是单元格所属分类的名称列表，以逗号分开，用以保存数据，用编程方式使用数据

    4.bgcolor特性（ 弃用）

    5.char特性

    6.charoff特性

        用于指定字符的偏移量

    7.colspan特性

        跨列

    8.header特性

        指定那个单元格对应哪个标题，值为单元格的id，用于语音

    9.height特性（ 弃用）  

    10.nowrap特性（ 弃用）  

        阻止单元格中的内容换行，eg：nowrap="nowrap"

    11.rowspan特性

        跨行

    12.scope特性（ 弃用）

        只是当前标题为那些单元格提供标签或者标题信息

    13.valign特性（ 弃用）

    14.width（ 弃用）

4.3为表格添加<caption>元素

    为表格添加一个主标题，eg：

        <table>

            <caption>xx</caption>

            <tr>

4.4对表格进行分组

4.4.1使用colspan占据多列

4.4.2使用rowspan占据多行

4.4.3使用标题、主题和脚注划分表格

        将表格划分为标题、主体和脚注的三个元素是：

            用于创建独立表格标题的<thead>元素

            用于创建表格主题的<tbody>元素（ 可以包含多个）

            用于创建独立脚注的<tfoot>元素

        在源文件中<tfoot>必须出现在<tbody>之前，eg：

        <table>

            <thead>

                <tr>

                    <th></th>

                </tr>   

            </thead>

            <tfoot>

                <tr>

                    <th></th>

                </tr>

            </tfoot>

            <tbody>

                ...

            </tbody>

            <tbody>

                ...

            </tbody>

        </table>   

4.4.4使用<colgroup>元素对列进行分组

    使用<colgroup>应紧跟<table>，eg：

        <table>

            <colgroup span="1"/><!-- 指第一行-->

            <colgroup span="1"/><!-- 指第二行-->

            <tr><td>1</td></tr>

            <tr><td>2</td></tr>

        </table>

4.4.5使用<col>元素共享样式的列

    eg：

        <table>

            <colgroup span="6">

                    <col span="5" />

                    <col span="1" />

            </colgroup>

            <tr><td>1</td></tr>

            <tr><td>2</td></tr>

        </table>    

4.5嵌套的表格

4.6表格的可访问性

4.6.1线性化表格的方式

4.6.2使用id、scope、header特性

4.7本章小结