当Web设计师遭遇HTML 5
HTML 5,被传为Flash 的杀手,是一种用于web 运用顺序开拓、具有革新意义的网络技术。HTML 5提供了一些新的元素和属性,其中有些是技术上相似<div>和<span>标签,但有必定含义,例如<nav>和<footer> 。这种标签将有益于搜寻引擎的索引拾掇、小屏幕装备和视障人士运用。同时为其他阅读要素提供了新的功用,经过一个规范接口,如<audio>和<video>标志。
除了原先的DOM接口,HTML5添加了更多样化的API:
◆ 实时二维绘图
Canvas API:相关静态产出与渲染图形、图表、图像和动画的API。
◆ 定时媒体播放
HTML5 音频与视频:HTML5里新增的元素,它们为开拓者提供了一套通用的、集成的、脚本式的处置音频与视频的API,而无需装置任何插件。
◆ 离线存储数据库(离线网络运用顺序)
◆ 编辑
◆ 拖放
◆ 跨文档通讯
◆ 通讯/网络
Communication APIs:建立实时和跨源(cross-origin)通讯的两大根底: 跨文档通讯(Cross Document Messaging)与 XMLHttpRequest Level 2。
◆ 阅读历史治理
◆ MIME和协议处置顺序时表头注销
◆ 微数据
以上技术阐明具有于WHATWG HTML阐明文档中,但并没有局部包括在W3C HTML5的阐明文档里;W3C另对一些技术做了独自阐明,此文不再逐一赘述。
听起来略有些太过技术了,那么HTML5对设想将会有哪些影响呢?这是网页设想师和开拓职员诲人不倦议论了编程代码后不得不思索的题目。
HTML5及web app 的上风
以挪动互联网范畴为例,面对众多的终端装备战争台,设想师和开拓职员不得不在产品的展示和体验的分歧性方面做出让步举措,并在疲于填铺平台的进程中糜费了我们如此多的精神。产品原本能够到达更高的水准,但挪动终端碎片化(包括硬件和软件)的理想将美妙的希望阻拦在外。
以后支流的手机开拓平台有:iOS、Symbian、Linux、Palm、BlackBerry、Windows Mobile、Android等。其中,iOS平台需求针对480*320、960*640及1024*768的区分率辨别设想;Android平台中QVGA区分率为240*320,WQVGA区分率为240*400,HVGA区分率为320*480,WVGA区分率为480*800,FWVGA区分率为480*854等等;Symbian零碎可谓历史长久,如今开拓次要针对S60 V3和V5两个版本,区分率仍有176*208、208*208、240*320/320*240、352*416/416*352及800*352等众多品种。即便同一个平台,区分率不同设想也就会有相应的差别。加之客户端产品需求不时的更新迭代,从1.0版本、2.0版本不时到N.0版本;每开拓一次native app 就需求铺一次平台。并且理想情况是并非一切用户都会主动更新新版本,所以设想师和开拓职员在研发新功用的时分还要顾忌之前的旧版本会不会支撑等题目。不同的平台乘以不同的版本,人力物力被投入到了铺设平台的任务中,进步产品用户体验的精神比拟无限。
于是人们受够了终端装备碎片化的折磨,开端期盼着一种有别于native app的事物呈现。由HTML5技术开拓的web app的呈现索取了设想师和开拓职员美妙愿景。HTML5技术的渲染进程次要是由阅读器、内嵌HTML5解析器的运用顺序、支撑书签翻开方式的运用顺序抑或是挪入手机产品停止的。如此,产品的上线和版本更新不再需求破费那么长工夫来铺平台, Appcelerator的外部逻辑会将产品的UI转换为iOS或Android等平台的原生界面。同时,web app方式的产品不需求用户下载更新,经过网络即能够拜访最新版本;也便于设想师和开拓职员调试和改正过失,不再具有同时统筹新旧版本的题目。