一个section是一页幻灯片。
如果你将多个 <section>放到另一个<section>的内部，它们将会以垂直幻灯片的方式显示。第一个垂直幻灯片是其它的 “root（根）”
怎么理解呢？ 可以这样理解：横向的幻灯片代表一章，纵向的幻灯片代表一章中的一节。那么横向的幻灯片在播放时是左右切换的，而纵向的幻灯片是上下切换的。
For example:
其他具体内容请查询下节 参考 引用。
1、 reveal.js-一个专门用来做 HTML 演示文稿的框架
2、 HTML5幻灯片库reveal.js使用
3、 使用reveal.js制作一个酷炫的网页ppt
4、 Reveal.js：把你的 Markdown 文稿变成 PPT
JS选项卡可以实现更酷炫的动画效果，功能更加强大CSS选项卡功能简单一些，但是加载速度一般会快一些
更重要的是，客户端的用户有时出于安全考虑会禁止JS，那么JS的效果就显示不出来的
而CSS文件是服务器端提供的，总是可以保证的
还处在比较不成熟的开发阶段，对初学者友好度不够。
three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。
Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精彩的演示。
不过，这款引擎还处在比较不成熟的开发阶段，其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度（尤其是文档的匮乏）three.js的代码托管在github上面。
webgl或者说three.js的发展前景怎么样？
在webgl工作一年后，我坚信这将成为前端工程师的主要工作。
酷炫的特效，甚至VR特效。但是，webgl一直有点弱，更不用说在应用方面，即使是在前端程序员中，也没有多少人知道它。因此webgl目前面临的最大问题是缺乏实际应用。第二，支持太差了，除了一些非常新版本的现代浏览器，支持真的很差。
移动端几乎没有支持。试想，现在一个前端技术与手机不兼容，这真的很难应用。我坚信webgl会成为一个很酷很有用的东西，但是它可能需要很长时间。
你可以轻松地跨桌面和移动终端构建现代企业应用程序，而不用担心跨平台兼容性、触摸屏手势交互等棘手问题。
您可以更多地关注业务逻辑功能，而不必关注复杂的3D渲染、数学和其他非业务核心技术细节。
它更适合用作基于web的应用程序的组件框架三.js以及巴比伦.js它的优点是有许多预先开发的控件，这使得编写web界面应用程序非常方便。
