“最合适的使用方法是什么？”；标题「；今天的HTML元素'；什么是现代方式？

它们与CSS一起使用吗？（非表格？）

它们是如何使用的

请举例说明

此元素应用于 为项目提供一个简短的标题 桌子它不应该被用来 请提供表的属性说明 结构，正如您可能对 表摘要属性

caption

元素提供了一种方法，用于以可视的方式标记以下

表的内容（不同于
表的summary属性，该属性不可见）。它有一个特定于元素的属性，
align
，这是一个非常基本的属性，并不完全受支持（它也被弃用，因此通常应该避免使用）

每个
表格
只能使用
标题
元素一次，并且必须紧跟在
表格
开始标记之后

虽然caption元素似乎是标记
表
的最合适标记，实际上它的目的是
标记数据表，就像您为书中的图片提供标题一样。然而，在大多数印刷媒体中，插图、图像和表格的标题通常出现在项目之后，而标题元素出现在表格之前。带有CSS的
标题
样式设置选项差，对齐支持差，导致许多人选择在标题元素1-6（例如，
h3
元素）的表格前面。这使得一些使用辅助技术（如屏幕阅读器）的人更容易在文档中从一个标题跳到另一个标题（可以通过标题导航，也可以在页面上显示标题列表）。但是，应该注意的是，标题实际上是指标题后面的整个章节的内容，直到下一个标题所在的位置，而不是页面的一个独立部分，如
标题
。那么，
caption
元素是识别
表的正确标记，但是如果您看到人们使用标题，请不要感到惊讶

示例

以下是一个表格标题，它提供了一个可视化摘要和标题：

<table border="1">
  <caption>Interest Rates for Young Saver Accounts</caption>
  <tr>
    <th>Account Type</th>
    <th>Interest Rate</th>
  </tr>
  <tr>
    <td>Smart</td>
    <td>From 2%</td>
  </tr>
  <tr>
    <td>Young Saver</td>
    <td>From 1.6%</td>
  </tr>
</table>


年轻储蓄账户的利率
帐户类型
利率
聪明的
从2%
年轻储蓄者
从1.6%
CSS caption side属性用于指定标题相对于表格的位置（即表格上方或下方）

语法：标题侧：可能值：
*顶
*底部
*继承

初始值：Top适用于：
带有继承标题的表：是
媒体：可视示例：

标题{标题侧：底部；

宽度：自动；文本对齐：左；}


标题{
标题侧：底部；
宽度：自动；
文本对齐：左对齐；
}
这是标题
尝试更改这些值以查看其对标题位置的影响。
注意：如果这不起作用，您的浏览器可能不支持标题侧属性。在撰写本文时，浏览器对标题侧属性的支持是有限的。

Syntax:   caption-side: <value> Possible Values:  

* top
* bottom
* inherit

<style type="text/css">
caption {
  caption-side: bottom;
  width: auto;
  text-align: left;
  }
</style>
<table border="1">
  <caption>This is the caption</caption>
  <tr>
    <td>Try changing the values to see the effect it has on the position of the caption.</td>
  </tr>
  <tr>
    <td><b>Note:</b> If this is not working, your browser might not support the caption-side property. At the time of writing, browser support for the caption-side property was limited.</td>
  </tr>
</table>