首页 百科知识 表格语义化

表格语义化

时间:2022-09-22 百科知识 版权反馈
【摘要】:为了更深一层对表格进行语义化,HTML引入了thead、tbody和tfoot这三个标签。有了这三个标签,表格HTML代码语义更加良好,结构更加清晰。
表格标题
标准单元格1 标准单元格2
、和这三个标签也是表格中非常重要的标签,它在语义上区分了表头、表身、表脚。

一、表格语义化

       为了更深一层对表格进行语义化,HTML引入了thead、tbody和tfoot这三个标签。这三个标签把表格分为三部分:表头、表身、表脚。有了这三个标签,表格HTML代码语义更加良好,结构更加清晰。


语法:

<table>
    <caption>表格标题</caption>
    <!--表头-->
    <thead>
        <tr>
            <th>表头单元格1</th>
            <th>表头单元格2</th>
        </tr>
    </thead>
    <!--表身-->
    <tbody>
        <tr>
            <td>标准单元格1</td>
            <td>标准单元格2</td>
        </tr>
        <tr>
            <td>标准单元格1</td>
            <td>标准单元格2</td>
        </tr>
    </tbody>
    <!--表脚-->
    <tfoot>
        <tr>
            <td>标准单元格1</td>
            <td>标准单元格2</td>
        </tr>
    </tfoot>
</table>    
 


<thead>、<tbody>和<tfoot>这三个标签也是表格中非常重要的标签,它在语义上区分了表头、表身、表脚。

     

HTML 表格标签


            



免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈