HTML5：Details元素介绍
摘要：教程细节•概要：HTML5的Details标签•难度：初级•支持的浏览器：Chrome12以上的版本我最喜欢的...
教程细节
• 概要：HTML5的Details标签
• 难度：初级
• 支持的浏览器：Chrome 12以上的版本
我最喜欢的HTML5新标签是details元素，它刚刚被集成到Chrome最新的12版中。我将会在今天的快速入门中展示如何来使用它。
________________________________________
Details标签可以用来做什么？
它本质上允许我们在点击标签时显示和隐藏内容。你一定相当熟悉这种效果，但是直到现在，它总是用Javascript实现的。想象头部之后有一个箭头，当你点击它时，下面的附加信息将会呈现。再次点击箭头内容消失。FAQ页面中经常使用这个功能。
Details元素允许我们完全抛开Javascript。或者说，它将做到这样，因为浏览器的支持还乏善可陈。
________________________________________
一个示例
现在让我们深入和学习如何使用这个新标签。我们从创建一个新的details元素开始。
<details>
</details>
【HTML5：Details元素介绍】相关文章：
★ HTML 5 input placeholder 属性如何完美兼任ie
★ HTML5 script元素async、defer异步加载使用介绍
上一篇：
浏览器对HTML5的兼容性分析
相关阅读
网友关注
网友最新关注视频
- 沪教版牛津小学英语（深圳用） 四年级下册 Unit 4
- 沪教版牛津小学英语（深圳用） 四年级下册 Unit 2
- 北师大版小学数学四年级下册第15课小数乘小数一
- 【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案，广东省
- 沪教版八年级下册数学练习册一次函数复习题B组（P11）
- 冀教版小学数学二年级下册第二单元《余数和除数的关系》
- 19 爱护鸟类_第一课时(二等奖)(桂美版二年级下册)_T3763925
- 沪教版牛津小学英语（深圳用） 四年级下册 Unit 7
- 飞翔英语—冀教版(三起)英语三年级下册Lesson 2 Cats and Dogs
- 精品·同步课程 历史 八年级 上册 第15集 近代科学技术与思想文化
精品推荐
分类导航