HTML5新增功能

Posted 2020-08-06

1、摆脱对平台的依赖
html5可以摆脱对平台的依赖，用户打开浏览器，直接就可以访问应用，而不需要经过各种Store的审核。
2、实时更新
实时更新，通常平台的审核都需要七个工作日左右的时间，如果发布之后发现问题怎么办?Web方式就不存在这种问题。
3、离线使用
用户可以离线使用，更新下载量及少，可以全部更新，也可以选择替换部分文件。
4、代码更安全安全
使用HTML5，代码更安全安全。众所周知Web应用有一个很大的问题就是代码安全的问题，但现在HTML5可以将Web代码全部加密，本地应用解密后再运行，大大的提供了代码的安全性。
5、跨平台
HTML5可以做到跨平台，多数核心代码不用重写，javascript的代码用得好的话，在许多地方都可以用到，包括移动应用、移动网站、PC网站、各种浏览器插件，甚至可以用WebKit封装作为跨平台的应用程序。诚然，这种方式并非完全跨平台，但这样也足以减少很多工作量了，特别是后期的维护。
6、可以充分利用Native
HTML5可以通过浏览器作为中介充分利用Native的好处，比如说可以使用GPS、照相机、本地相册、读取本地联系人，也可以使用推送功能等，最重要的是，某些Web无法实现的功能，我们可以利用Native来实现。

      HTML5 带来很多新功能，以及HTML 代码上的改变，你需要使用一些特定的API 脚本，如：DOM 实现2D 绘图的Canvas 对象可控媒体播放离线存储文档编辑拖放跨文档消息浏览器历史管理MIME类型和协议注册那些支持HTML5的浏览器在处理HTML 代码错误的时候必须更灵活，而那些不支持HTML5的浏览器将忽略HTML5 代码。

HTML5 引入了新的HTML元素和属性，有的是传统通用元素的语义化版本，如取代

 

div 元素的nav, footer 等元素，也有一些全新的元素，如audio, video。一些在HTML4 中不被推荐使用的元素，如font 和center 将被弃用。HTML5 引入的新HTML 元素包括：

 

 article：文章

 aside：内容旁边的侧边栏内容

 audio：音频

 canvas：2D 绘图

 command：命令按钮

 datalist：下拉选择框

 details：对象的细节

 dialog：对话框

 embed：外部插件或对象

 figure：一组媒体对象以及标签文字

 footer：页脚

 header：页首

 hgroup：文档某一部分的信息

 keygen：表单生成的

 Key mark：标注的文字

 meter：预先定义的范围内的度量

 nav：导航条

 output：输出

 progress：进度条

 rp：标识 rubby 内容

 rt：rubby 内容的解释

 ruby：rubby 内容

 section：定义一个部分

 source：媒体的资源

 time：日期时间

 video：视频

 这些新标签，可以让你的HTML 文档更容易加载，且更容易被搜索引擎抓取其中的有用信息。比如，搜索引擎可以直接抓取它最关心的article 标签里面的内容。