html< details>文档描述标签

原创 PHP笔记  2017-05-24 21:18  阅读 941 views 次

html中,<details>标签用来描述文档或文档某个部分的细节,是html5新增属性,目前只支持Chrome和Safari 6浏览器。<details>标签定义的是一个交互式控件,内容默认是不可见的,可以设置open属性来更改,也可以点击控件来打开或关闭<details>标签中的内容。

<details>标签通常和<summary>标签一起使用,为details定义标题,点击标题时,会显示出 <details>标签内的内容,再点击又会隐藏。

格式:

<details>
<summary>标题</summary>
<p>细节描述</p>
</details>

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html< details>文档描述标签_PHP笔记</title>
</head>
<body style="font-size:20px;">
<details>
<summary>PHP笔记</summary>
<p>PHP笔记(www.ggbiji.com)记录了HTML、CSS、JavaScript、<br />
PHP、MySQL等语言的基础知识,同时还记录了大量有趣的实例<br />
代码,通过实例代码,让您自学php更简单。</p>
</details>
</body>
</html>
</html>

运行结果:

本文地址:https://www.ggbiji.com/html-details.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情