第20课：caption标签，为表格添加标题和摘要

只想努力的奔跑

于 2016-10-20 14:45:02 发布

阅读量360

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML／CSS

本文链接：https://blog.youkuaiyun.com/gaojian123321/article/details/52872488

30 篇文章

订阅专栏

本文介绍如何使用caption和summary标签来增强表格的可读性和语义化。caption标签用于定义表格标题，显示在表格上方；summary属性则用于提供表格的摘要信息，有助于提高搜索引擎的抓取效果及辅助技术的读取能力。

摘要

摘要的内容是不会在浏览器中显示出来的。

它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，

还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

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

标题

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

语法：

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