表格的使用01：点击跳转

表格的使用02：点击跳转

表格的使用03：点击跳转

本章讲解需要了解表格的结构，在之前的文章中老师介绍了定义表格的头部和表格的单元格等知识点，但其实为了使表格能有更好的语义，同时也为了使开发者能够一目了然的理解表格，所以我们还需要学习两个表格的结构性标签；分别是：<表格头组>和<表格内容组>

讲解这两个标签之前，首先回顾一下之前文章的代码：

<表格 边框线="显示边框线" 单元格间距="0" 单元格内容间距="5">
    <表格行>
        <表格头>姓名</表格头>
        <表格头>年龄</表格头>
        <表格头>性别</表格头>
    </表格行>
    <表格行>
        <表格内容>张三</表格内容>
        <表格内容>21岁</表格内容>
        <表格内容>男</表格内容>
    </表格行>
    <表格行>
        <表格内容>李四</表格内容>
        <表格内容>21岁</表格内容>
        <表格内容>女</表格内容>
    </表格行>
</表格>

可以看见上方的代码中，不管是表格头部也好还是表格内容也好，都是被统一包含在表格行中的；这对阅读代码有一定的理解性障碍，所以这个时候我们则需要使用<表格头组>和<表格内容组>分别包裹头部和内容区域的代码，具体代码参考如下：

<表格 边框线="显示边框线" 单元格间距="0" 单元格内容间距="5">
    <表格头组>
        <表格行>
            <表格头>姓名</表格头>
            <表格头>年龄</表格头>
            <表格头>性别</表格头>
        </表格行>
    </表格头组>
    <表格内容组>
        <表格行>
            <表格内容>张三</表格内容>
            <表格内容>21岁</表格内容>
            <表格内容>男</表格内容>
        </表格行>
        <表格行>
            <表格内容>李四</表格内容>
            <表格内容>21岁</表格内容>
            <表格内容>女</表格内容>
        </表格行>
    </表格内容组>
</表格>

总结：<表格头组>和<表格内容组>属于结构标签，有助于增加代码可读性。

点击本处跳转案例下载：点击下载本文实例

采纳500+送小米笔记本电脑