自微信的微场景出现后,H5这个名词频繁的出现在大众眼前,但是仍然很多人对H5的概念模糊。下面一起来认识H5的概念。
H5的定义
H5是HTML5的简称,HTML5 是对 HTML 标准的第五次修订。其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。
WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。
所谓HTML是“超文本标记语言”的英文缩写。我们上网所看到网页,多数都是由HTML写成的。“超文本”是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。浏览器通过解码HTML,就可以把网页内容显示出来,它也构成了互联网兴起的基础。
HTML的优势
HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果,不断地重复编码、调试和运行,这是首先得解决的一个问题。因此也有许多手机杂志客户端是基于HTML5标准,开发人员可以轻松调试修改。
HTML5的技术组成:
离线功能
HTML5透过Java提供了数种不同的离线存储功能,相对于传统的Cookie而言有更好的弹性以及架构,并且可以存储更多的内容。
WebStorage——比Cookie更大、更有弹性的储存
Web SQL Database——本地端的SQL资料库
Indexed DB——Key-value的本地资料库
Application Cache——将部分常用的网页内容cache起来
即时通讯
以往网站由于HTTP协定以及浏览器的设计,即时的互动性相当的受限,只能使用一些技巧来【模拟】即时的通讯效果,但HTML5提供了完善的即时通讯支援。
什么轮询、第三方的统统不要,自己来实现。
WebSocket——即时的socket连线
Web Workers——以往Java都是
Single thread,透过Worker可以有多个运算
Notifications——原生的提示讯息,类似像OSX的Growl提示
文件以及硬件支持
不知道大家有没有发现,在Gmail等新的网页程序当中,已经可以透过拖拉的方式将档案作为邮件附件?这就是这部分HTML5档案的功能中的Drag’n Drop和File API。
Drag’n Drop——HTML元素的拖拉
File API——读取使用者本机电脑的内容
Geolocation——地理定位
Device orientation——手持装置的方向
Speech input——语音输入
语意化
语意化的网路是可以让电脑能够更加理解网页的内容,对于像是搜寻引擎的优化(SEO)或是推荐系统可以有很大的帮助。
New tags——新的标签,像是、等
Application tags——也是新的标签,像是、等
Microdata——加入语意的资料让搜寻引擎等网站可以正确显示
Form type——
可以加入的type便多了,包含email和tel等属性,浏览器会协助进行资料格式的验证
多媒体
Audio、Video的标签支援以及Canvas的功能应该是大家对于HTML5最熟悉的部分了,也是许多人认为Flash会被取代的主要原因。
Audio video——影片和音乐的原生播放支援
Canvas——2D的绘图功能支援
Canvas 3D——3D的绘图功能支援
SVG——向量图支援
CSS 3
CSS 3支援了字体的嵌入、版面的排版,以及最令人印象深刻的动画功能。
Selector——更有弹性的选择器
Webfonts——嵌入式字体
Layout——多样化的排版选择
Stlying radiusgradient shadow——圆角、渐层、阴影
Border background——边框的背景支援
Transition——元件的移动效果
Transform——元件的变形效果
Animation——将移动和变形加入动画支援
Java
在比较Java的基本面也新增了DOM的API、和浏览器上下页的记录修改。
DOM API——更方便地查询DOM元件
History API——浏览器的上下页内容修改,方便AJAX可以保留浏览记录
GDCA(数安时代)拥有国内自主签发信鉴易 TrustAUTH SSL证书以及是国际多家知名品牌:GlobalSign、Symantec、GeoTrust SSL证书指定的国内代理商。为了让国内更多的网站升级到安全的https加密传输协议。近日,GDCA推出多种国际知名SSL证书以及代码签名证书优惠活动,实现HTTPS加密并展示网站以及程序的真实身份信息。详情请资讯GDCA产品官网在线客服https://www.trustauth.cn/。