第14章 details元素个summary元素

最新推荐文章于 2024-10-14 14:37:28 发布

原创最新推荐文章于 2024-10-14 14:37:28 发布 · 227 阅读

0 ·

CC 4.0 BY-SA版权

阅-H52 专栏收录该内容

35 篇文章

订阅专栏

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

<!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>

效果图：