代码拉取完成,页面将自动刷新
使用 <summary> 元素:
<details>
<summary>
HyperText Markup Language
</summary>
<p>HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)</p>
</details>
<summary>
标记定义了 <details> 元素的可见标题。 可以单击标题以查看/隐藏详细信息。
注意: <summary>
元素应该是 <details> 元素的第一个子元素。
表中的数字指定了完全支持该元素的第一个浏览器版本。
Element | |||||
---|---|---|---|---|---|
<summary> | 12.0 | 79.0 | 49.0 | 6.0 | 15.0 |
<summary>
标签支持 HTML 中的全局属性。
<summary>
标签支持 HTML 中的事件属性。
使用 CSS 设置 <details> 和 <summary> 的样式:
<html>
<head>
<style>
details > summary {
padding: 4px;
width: 200px;
background-color: #eeeeee;
border: none;
box-shadow: 1px 1px 2px #bbbbbb;
cursor: pointer;
}
details > p {
background-color: #eeeeee;
padding: 4px;
margin: 0;
box-shadow: 1px 1px 2px #bbbbbb;
}
</style>
</head>
<body>
<details>
<summary>HyperText Markup Language</summary>
<p>HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)</p>
</details>
</body>
</html>
大多数浏览器将显示具有以下默认值的 <summary>
元素:
summary {
display: block;
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。