【转载】借助HTML5 details,summary无JS实现各种交互效果

注:博客中会不定期转载一些好文章,但不会全文摘抄,只做摘要引流。尊重原创,尊重原作者。

文章转载自 张鑫旭-鑫空间-鑫生活 http://www.zhangxinxu.com/wordpress/

原文链接:http://www.zhangxinxu.com/wordpress/2018/01/html5-details-summary-no-js-ux/
原文摘要:<details>标签在Chrome,Firefox等浏览器下默认是有展开收起行为的

例如下面HTML:

<details>
    <summary>这是摘要1</summary>
    <p>这里具体描述,标签相对随意,例如这里使用的&lt;p&gt;标签。</p>
</details>

结果UI表现为:

details标签默认效果截图

发表评论

电子邮件地址不会被公开。 必填项已用*标注