先回顾一下WEB技术的几个阶段Web 1.0 内容为主，主要流行HTML和CSSWeb 2.0 动态网页，流行AJAX/JavaScript/DOMH5 时代，WEB开发回归富客户端 那么H5肯定不是多了一些标签就完事了,H5也跟酷炫没什么关系，那是CSS3的事情，它更多的职 ...
先回顾一下WEB技术的几个阶段
- Web 1.0 内容为主，主要流行HTML和CSS
- Web 2.0 动态网页，流行AJAX/JavaScript/DOM
- H5 时代，WEB开发回归富客户端
那么H5肯定不是多了一些标签就完事了,H5也跟酷炫没什么关系，那是CSS3的事情，它更多的职责是功能，而不是外观，是JavaScript API和CSS的提升，构建 Web 应用程序整体解决方案
H5应用场景
- 极具表现力的网页
- 网页应用程序 比如PC端的iCloud、百度脑图、Office 365···APP端的淘宝、京东、美团···WeChat端的淘宝、京东、美团···
- 混合式本地应用 比如PC端的网易云音乐、有道词典··· APP端的淘宝、京东、美团···
- 简单的游戏
H5新特性
- 更语义化标签
- 智能表单 新的表单类型，如：email,url,number
- 新增表单功能属性，如：autocomplete，autofocus 虚拟键盘适配，通过表单的类型决定移动端弹出的键盘类型
- 网页多媒体， 音频、视频、字幕
- 属性，语义化属性 链接关系描述、结构数据标记、ARIA、自定义属性
- Canvas，提供网页绘图的可能 2D 绘图、3D (WebGL)
- SVG
JavaScript API
- 核心平台提升，JS在DOM和BOM两个方向上都新增了很多api，便于开发应用程序 新的选择器、Element.classList、访问历史API、全屏API
- 网页存储，提供网页中操作客户端本地存储的API Application Cache、localStorage、sessionStorage、WebSQL、IndexedDB
- 设备信息访问，JS可以访问硬件的一些信息 网络状态、硬件访问、设备方向、地理围栏
- 拖放操作 网页内拖放、桌面拖入
- 文件 文件系统API、FileReader
- 网络访问
- 多线程、桌面通知等等
H5 骨架
在Sublime\WebStorm等一些工具中 叹号加回车自动生成H5骨架
1 <!-- H5的DOCTYPE声明做了最大简化 --> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <!-- 在标准的H5骨架中charset是直接在meta中设置charset --> 7 <!-- 字符编码的设置一定是在head中的第一行 --> 8 <title>页面标题</title> 9 </head>10 <body>11 12 </body>13 </html>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：H5一二事
关键词：H5
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
