HTML5:Details元素介绍
摘要:教程细节•概要:HTML5的Details标签•难度:初级•支持的浏览器:Chrome12以上的版本我最喜欢的...
教程细节
• 概要:HTML5的Details标签
• 难度:初级
• 支持的浏览器:Chrome 12以上的版本
我最喜欢的HTML5新标签是details元素,它刚刚被集成到Chrome最新的12版中。我将会在今天的快速入门中展示如何来使用它。
________________________________________
Details标签可以用来做什么?
它本质上允许我们在点击标签时显示和隐藏内容。你一定相当熟悉这种效果,但是直到现在,它总是用Javascript实现的。想象头部之后有一个箭头,当你点击它时,下面的附加信息将会呈现。再次点击箭头内容消失。FAQ页面中经常使用这个功能。
Details元素允许我们完全抛开Javascript。或者说,它将做到这样,因为浏览器的支持还乏善可陈。
________________________________________
一个示例
现在让我们深入和学习如何使用这个新标签。我们从创建一个新的details元素开始。
<details>
</details>
【HTML5:Details元素介绍】相关文章:
★ HTML5 window/iframe跨域传递消息 API介绍
★ html5的canvas元素使用方法介绍(画矩形、画折线、圆形)
★ HTML5 script元素async、defer异步加载使用介绍
★ HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用
上一篇:
浏览器对HTML5的兼容性分析
相关阅读
网友关注
网友最新关注视频
- 【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案,湖北省
- 8.对剪花样_第一课时(二等奖)(冀美版二年级上册)_T515402
- 沪教版牛津小学英语(深圳用) 六年级下册 Unit 7
- 冀教版小学数学二年级下册第二单元《有余数除法的竖式计算》
- 3月2日小学二年级数学下册(数一数)
- 【获奖】科粤版初三九年级化学下册第七章7.3浓稀的表示
- 8.练习八_第一课时(特等奖)(苏教版三年级上册)_T142692
- 冀教版英语三年级下册第二课
- 【部编】人教版语文七年级下册《过松源晨炊漆公店(其五)》优质课教学视频+PPT课件+教案,辽宁省
- 外研版英语七年级下册module1unit3名词性物主代词讲解
精品推荐
分类导航