也可以这么理解,HTML5开发工程师是负责将设计师设计好的网页图片(通常是PSD格式),用代码实现出来,包括在网页的某个位置放置一个块,给一个块设置颜色,调整字体大小,让图片动起来等操作。
HTML5页面的作用
1、令企业发展更开阔:HTML5页面作为新兴的微信推广工具,可以应用各种各样的场景,比如产品展示、购买流程,购物车等,能让客户有更快的速度体验,不再卡顿。
2、令体验更完美:HTML5页面中的各种炫酷创新的场景模拟、动画效果、互动方式,都能给用户带来新鲜独特的完美体验,这是传统手机页面所不能媲美的。
HTML5页面可以运用到哪些应用场景
1、企业宣传:高大上的游戏能帮助企业快速聚集人气,让你的客户订单从游戏开始。
2、企业招聘:令企业走向人才,令人才近距离了解企业、认识企业,令招聘更高效。
3、商业营销:通过HTML5特性,使用大转盘,刮刮卡,满减满增等增加客户粘性,从而达到营销目的。
4、报名预约:旅游线路报名、教育课程报名、餐厅预约等场合都可以,多种表单预设,也可以自己创建新的预约流程,自由选择。
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教程