HTML5:Details元素介绍_HTML5教程-查字典教程网
HTML5:Details元素介绍
HTML5:Details元素介绍
发布时间:2015-05-12 来源:查字典编辑
摘要:教程细节•概要:HTML5的Details标签•难度:初级•支持的浏览器:Chrome12以上的版本我最喜欢的...

教程细节
•        概要:HTML5的Details标签
•        难度:初级
•        支持的浏览器:Chrome 12以上的版本
我最喜欢的HTML5新标签是details元素,它刚刚被集成到Chrome最新的12版中。我将会在今天的快速入门中展示如何来使用它。
________________________________________


Details标签可以用来做什么?
它本质上允许我们在点击标签时显示和隐藏内容。你一定相当熟悉这种效果,但是直到现在,它总是用Javascript实现的。想象头部之后有一个箭头,当你点击它时,下面的附加信息将会呈现。再次点击箭头内容消失。FAQ页面中经常使用这个功能。

Details元素允许我们完全抛开Javascript。或者说,它将做到这样,因为浏览器的支持还乏善可陈。

________________________________________
一个示例
现在让我们深入和学习如何使用这个新标签。我们从创建一个新的details元素开始。

<details> 

 

</details>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
最新HTML5教程学习
热门HTML5教程学习
网页设计子分类