📜  HTML DOM 表摘要属性(1)

📅  最后修改于: 2023-12-03 14:41:46.235000             🧑  作者: Mango

HTML DOM 表摘要属性

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 属性被用来提供表格内容的总体概述。 这在屏幕阅读器等辅助技术中尤为有用。

参考