📅  最后修改于: 2023-12-03 14:41:46.235000             🧑  作者: Mango
HTML DOM 表摘要属性可用于创建表格的表格摘要(表格的简要描述)。
表摘要属性在 HTML DOM 中对应 summary
属性。
语法:
object.summary = text
属性值是表格的简要描述。 摘要属性可以在屏幕阅读器等辅助技术中使用,以提供关于表格内容的总体概述。
下面的例子演示了如何使用摘要属性:
<!DOCTYPE html>
<html>
<head>
<title>Table summary attribute example</title>
</head>
<body>
<table border="1" summary="This table shows the population of the top ten largest countries in the world.">
<caption><h2>Top Ten Largest Countries by Population</h2></caption>
<thead>
<tr>
<th scope="col">Rank</th>
<th scope="col">Country</th>
<th scope="col">Population</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>China</td>
<td>1,419,124,767</td>
</tr>
<tr>
<td>2</td>
<td>India</td>
<td>1,366,417,754</td>
</tr>
<tr>
<td>3</td>
<td>United States</td>
<td>329,064,917</td>
</tr>
<tr>
<td>4</td>
<td>Indonesia</td>
<td>269,536,482</td>
</tr>
<tr>
<td>5</td>
<td>Pakistan</td>
<td>212,215,030</td>
</tr>
<tr>
<td>6</td>
<td>Brazil</td>
<td>209,469,323</td>
</tr>
<tr>
<td>7</td>
<td>Nigeria</td>
<td>195,875,237</td>
</tr>
<tr>
<td>8</td>
<td>Bangladesh</td>
<td>159,453,001</td>
</tr>
<tr>
<td>9</td>
<td>Russia</td>
<td>142,122,776</td>
</tr>
<tr>
<td>10</td>
<td>Mexico</td>
<td>130,759,074</td>
</tr>
</tbody>
</table>
</body>
</html>
在上述例子中,summary
属性被用来提供表格内容的总体概述。 这在屏幕阅读器等辅助技术中尤为有用。