html5小功能,简述html5的新功能

HTML5能做什么，主要用于做什么东西

HTML5用于实现日常看到的所有网站（比如网站的模块布局、文字段落图片等样式、动作等），但是不涉及后台和数据层面（具体的图片、文字是什么）。

创新互联公司是一家专注网站建设、网络营销策划、微信平台小程序开发、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立十多年以来，已经为数千家成都展览展示各业的企业公司提供互联网服务。现在，服务的数千家客户与我们一路同行，见证我们的成长；未来，我们一起分享成功的喜悦。

也可以这么理解，HTML5开发工程师是负责将设计师设计好的网页图片（通常是PSD格式），用代码实现出来，包括在网页的某个位置放置一个块，给一个块设置颜色，调整字体大小，让图片动起来等操作。

HTML5都有哪些新特性呢？

HTML5新特性如下：

1、脱机缓存。您可以在关闭浏览器并再次打开时还原数据，以减少网络流量。

2、音频和视频可以自由嵌入，多媒体形式更加灵活。

3、地理位置。地理位置定位使得定位导航不再是专属导航软件，地图也不需要下载很大的地图包。它可以通过缓存、去哪里、去哪里以及更灵活的方式来解决。

4、画布绘制提高了移动平台的绘制能力。canvas API可以用来绘制一个简单的热点地图来收集用户体验数据，并支持对图像的移动、旋转、缩放等常规编辑。

5、丰富的互动方式。提高交互能力：拖动、撤消历史操作、文本选择等。

6、与原生app相比，开发维护成本低。降低开发和维护成本；？使页面更小，减少用户不必要的开销；性能更好，功耗更低。

7、CSS3视觉设计师的辅助利器支持。CSS3支持字体嵌入、布局和最令人印象深刻的动画功能。

8、HTML5调用相机、相册和通讯录的功能。

扩展资料：

2014年10月29日，万维网联盟宣布，HTML第五次重大修订，经过近8年的努力，标准规范终于完成。HTML5旨在支持移动设备上的多媒体。引入了新的语法特性来支持这一点，如视频、音频和画布标记。HTML5还引入了一些新功能，这些功能可以真正改变用户与文档交互的方式，包括增强灵活性的新解析规则、新属性、过时或冗余属性等。

HTML5可以做些什么？

HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进，虽然在技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性网站开发技术人员是必须要有所了解的。 [1]

2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。

HTML5将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像、动画以及与设备的交互都进行了规范。 [5]

智能表单

表单是实现用户与页面后台交互主要组成部分，HTML5在表单的设计上功能更加强大。input类型和属性的多样性大大地增强了HTML可表达的表单形式，再加上新增加的一.些表单标签，使得原本需要JavaScript来实现的控件，可以直接使用HTML5的表单来实现；一些如内容提示、焦点处理、数据验证等功能，也可以通过THML5的智能表单属性标签来完成。 [6]

图2 HTML5

绘图画布

HTML5的canvas元索可以实现画布功能，该元索通过自带的API结合使用JavaScript脚本语自在网页上绘制图形和处理，拥有实现绘制线条、弧线以及矩形，用样式和颜色填充区域，书写样式化文本，以及添加图像的方法，且使用JavaScript可以控制其每一个像素。HTML5的canvas元索使得浏览器无需Flash或Silverlight等插件就能直接显示图形或动画图像。 [6]

多媒体

HTML5最大特色之一就是支持音频视频，在通过增加了audio、video两个标签来实现对多媒体中的音频、视频使用的支持，只要在Web网页中嵌人这两个标签，而无需第三方插件（如Flash）就可以实现音视频的播放功能。HTML5对音频、视频文件的支持使得浏览器摆脱了对插件的依赖，加快了贞面的加载速度，扩展了互联网多媒体技术的发展空间。 [6]

地理定位

现今移动网络备受青睐，用户对实时定位的应用越来，要求也越来越高。HTML5通过引人Geolocation的API可以通过GPS或网络信息实现用户的定位功能，定位更加准确、灵活。通过HTML5进行地位，除了可以定位自己的位置，还可以在他人对你开放信息的情况下获得他人的定位信息。 [6]

数据存储

HTML5较之传统的数据存储有自已的存储方式，允许在客户端实现较大规模的数据存储。为了满足不同的需求，HTML5支持DOM Storage和Web SQL Database 两种存储机制。其中，DOM Storage 适用于具有key/value对的基本本地存储；而WebSQLDatabase是适用于关系型数据库的存储方式，开发者可以使用SQL语法对这些数据进行查询、插入等操作。 [6]

多线程

HTML 5利用Web Worker将Web应用程序从原来的单线程业界中解放出来，通过创建一个Web Worker对象就可以实现多线程操作。JavaScript创建的Web程序处理事务都是在单线程中执行，响应时间较长，而当JavaScript过于复杂时，还有可能出现死锁的局面。HTML5新增加了一个WebWorkerAPI，用户可以创建多个在后台的线程，将耗费较长时间的处理交给后台面不影响用户界面和响应速度，这些处理不会因用户交互而运行中断。使用后台线程不能访问页面和窗口对象，但后台线程可以和贞面之间进行数据交互。子线程与子线程之间的数据交互，大致步骤如下：①先创建发送数据的子线程；②执行子线程任务，把要传递的数据发送给主线程；③在主线程接受到子线程传递回的消息时创建接收数据的子线程，然后把发送数据的子线程中返回的消息传递给接收数据的子线程；④执行接收数据子线程中的代码

详细请参考 html5

教程请参考 html5教程

HTML5都有哪些功能

1、摆脱对平台的依赖

HTML5可以摆脱对平台的依赖，用户打开浏览器，直接就可以访问应用，而不需要经过各种Store的审核。

2、实时更新

实时更新，通常平台的审核都需要七个工作日左右的时间，如果发布之后发现问题怎么办?Web方式就不存在这种问题。

3、离线使用

用户可以离线使用，更新下载量及少，可以全部更新，也可以选择替换部分文件。

4、代码更安全安全

使用HTML5，代码更安全安全。众所周知Web应用有一个很大的问题就是代码安全的问题，但现在HTML5可以将Web代码全部加密，本地应用解密后再运行，大大的提供了代码的安全性。

5、跨平台

HTML5可以做到跨平台，多数核心代码不用重写，Javascript的代码用得好的话，在许多地方都可以用到，包括移动应用、移动网站、PC网站、各种浏览器插件，甚至可以用WebKit封装作为跨平台的应用程序。诚然，这种方式并非完全跨平台，但这样也足以减少很多工作量了，特别是后期的维护。

6、可以充分利用Native

HTML5可以通过浏览器作为中介充分利用Native的好处，比如说可以使用GPS、照相机、本地相册、读取本地联系人，也可以使用推送功能等，最重要的是，某些Web无法实现的功能，我们可以利用Native来实现。