以下是一个简单的使用 <caption> 的表格示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Caption Tag Example</title>
</head>
<body>
<table border="1">
<caption>Monthly Expenses</caption>
<tr>
<th>Category</th>
<th>Amount</th>
</tr>
<tr>
<td>Food</td>
<td>$300</td>
</tr>
<tr>
<td>Utilities</td>
<td>$150</td>
</tr>
<tr>
<td>Transportation</td>
<td>$100</td>
</tr>
</table>
</body>
</html>
在这个例子中，<caption> 元素用于定义表格的标题，即 "Monthly Expenses"。这样的标题有助于用户更好地理解表格的内容和结构。
<caption> 元素通常应该放在表格的语义顺序位置上，以确保屏幕阅读器等辅助技术能够正确理解表格的结构。表格标题对于表格的可访问性和可读性都非常重要。
转载请注明出处：http://www.zyzy.cn/article/detail/3712/HTML5