第14章 details元素个summary元素

iteye_17658

于 2015-11-29 17:49:51 发布

阅读量208

点赞数

CC 4.0 BY-SA版权

分类专栏：阅-H52

本文链接：https://blog.youkuaiyun.com/iteye_17658/article/details/82644203

阅-H52 专栏收录该内容

35 篇文章

订阅专栏

本文展示了一个使用HTML5中details和summary元素的具体示例。通过这些元素可以创建可折叠的内容块，增强了网页的交互性和易用性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<details>
	<summary>
    	展开更多
    </summary>
    <p>阅谁问君诵，水落清香浮。</p>
    <p>阅谁问君诵，水落清香浮。</p>
    <p>阅谁问君诵，水落清香浮。</p>
    <p>阅谁问君诵，水落清香浮。</p>
    <!--目前只兼容 谷歌内核-->
</details>
</body>
</html>

效果图：