caption标签，为表格添加标题和摘要

最新推荐文章于 2022-03-25 23:27:27 发布

转载最新推荐文章于 2022-03-25 23:27:27 发布 · 205 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/htmll/p/7620230.html

本文介绍如何使用HTML中的caption和tablesummary标签为表格添加标题和摘要，以提高表格的语义化水平，增强可读性和搜索引擎优化效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

表格还是需要添加一些标签进行优化，可以添加标题和摘要。代码如下：

摘要

摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

语法：<table summary="表格简介文本">

标题

用以描述表格内容，标题的显示位置：表格上方。

语法：<table>

    <caption>标题文本</caption>
    <tr>
        <td>…</td>
        <td>…</td>
        …
    </tr>
…
</table>

1. 在右部编辑器中为表格添加摘要，摘要的内容为“本表格记录2012年到2013年库存记录，记录包括U盘和耳机库存量”。

2. 在右部编辑器中为表格添加标题，标题的内容为“2012年到2013年库存记录”。

转载于:https://www.cnblogs.com/htmll/p/7620230.html