【HTML5】summary交互元素

1.源码

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8"/>
<title>交互元素summary的使用</title>
<style type="text/css">
body{
	padding:5px;
	font-size:14px;
}
summary{
	font-weight:bold;
}
</style>
</head>
<body>
	<details open="open">
	<summary>页面说明</summary>
	本页面生成于2017年9月21日，是一个用于测试summary交互元素的页面
	</summary>
</body>
</html>

View Code

2.页面效果

3.代码解析

在页面样式中，为了突出显示<summary>元素，增加了一个粗体的字体效果，如上面的粗体代码所示。