为了账号安全,请及时绑定邮箱和手机立即绑定

这个跟上一节的区别只是多了个包裹标签,请问包裹标签的用法是?

这个跟上一节的区别只是多了个包裹标签,请问包裹标签的用法是?

正在回答

5 回答

http://img1.sycdn.imooc.com//5eb39d8c00013c3803300575.jpgaaa

0 回复 有任何疑惑可以回复我~

做个比喻,写的有些多,但希望能帮助你理解:上节课的table标签相当于一个超级大的柜子,里面没有做隔断分层,做出来的是一个大的整体表格,打开网页时需要整个大柜子里的东西都加载完后才显示这张表格。            而如果加上了<thead><tbody><tfoot>标签, 就相当于给这个大柜子划分成了【上层】【中层】【底层】三个大区域,而只要<tbody>里包含的行加载完了,就可以优先显示这些内容,,无需等待整张表格加载结束在显示。       (试想应用场景:用户打开了一个网页,这个网页的表格数据非常大,却只用了table,没有用区域标签做隔断,那么整个表格内容加载耗时就会非常大,这时用户可能都快等1分钟了,结果还是什么都看不到,那么体验感就会很差就会离开网页,    那么分区域加载部分逐条显示时,就可以优先逐步显示<tbody></tbody>每一部分的内容了   如图:

http://img1.sycdn.imooc.com//5eb379180001cb0213440638.jpg

12 回复 有任何疑惑可以回复我~

thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

0 回复 有任何疑惑可以回复我~

<table border=1>

        <thead>

            <tr>

                <th>科目</th>

                <th>分数</th>

            </tr>

        </thead>

        <tbody>

            <tr>

                <td>语文</td>

                <td>99</td>

            </tr>

            <tr>

                <td>数学</td>

                <td>60</td>

            </tr>

        </tbody>

        <tfoot>

            <tr>

                <td>总分</td>

                <td>159</td>

            </tr>

        </tfoot>

    </table>


0 回复 有任何疑惑可以回复我~

CSS的注释语法是:

/ * ...... * /


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

这个跟上一节的区别只是多了个包裹标签,请问包裹标签的用法是?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信