如翼视点
如翼曾经做过哪些事情?如翼的发展怎样
用最简单易懂的方式理解html5(简称h5)
发表时间:2015-04-07

首先可以肯定,html5(简称h5)将在很多年内成为互联网的主流。那到底什么是h5呢?想了解h5,先要了解它的前身html和被它终结的flash:

 

2000年左右的前端静态网页格式是html的,仅支持ie,netscape等几大主流浏览器。简单地说,利用html中的table标签进行基本图文排版,用javascript脚本(简称js,后面会提到)提供比如跑马灯、打字效果、下拉菜单等简单动画效果。这些table、js代码(其实还有其他)就构成了html文档,传到服务器就能在互联网上浏览了。为了弥补js的粗陋动画效果,有个叫flash的精美动画格式挺身而出了。flash不仅能做动画,还能内嵌视频,那时候做flash的人叫闪客,是个很酷毙了的行业。

 

在flash动画大行其道的日子里,js动画效果简直连打酱油都算不上。于是将flash格式作为块结构插到html代码里做成网页,这种搭配持续了10几年。中途仅仅将html中的table标签变成了div+css 用来实现内容和样式的分离(这句看不懂就跳过吧,不是重点)。但html+flash的格局是动摇不了的:html用来网页排版,flash做酷炫效果、动画。且不说它两移动端几乎为0,光说pc端,这两种格式都有很大缺点:html效果很单调粗陋,flash无法让搜索引擎搜索,而且所有浏览器不能直接播放,要下载一个flashplayer的插件才行,最要命的是flash技术本身也是有问题的。作个不恰当的比喻,html+flash就像一个土的掉渣的实在人硬生生娶了一个花瓶式的惊艳美女。

 

到了移动互联网时代来临的2014年,flash在移动端的失败基本上宣布它将退出历史舞台,因为没有人愿意采用手机端和所有苹果产品不支持的玩意,酷毙变成了苦逼……于是问题出来了:流媒体的空缺谁补?酷炫效果谁补?强大的动画效果谁补?总不能由于移动端的普及,反而连累整个电脑端的互联网的效果和动画一下回到解放前吧?

 

好在html5的到来弥补了这一切,而且几乎所有浏览器宣布对它的支持,现在主流的ie10+、谷歌chrome、safari、opera、火狐以及各种国内浏览器等,各种手机浏览器都支持它的所有功能。不仅如此,h5的优势还体现在:

 

1.对流媒体、视频的支持前所未有,甚至兼容到了手机版。

 

2.现在的js脚本咸鱼翻身,动画效果极其强大!并有了支持矢量的canvas功能,弥补了flash退出后的效果缺失。

 

3.h5的css3样式,支持响应式布局,完成了手机、电脑、pad端的无缝兼容(自适应各种屏幕和设备),而以前的html只支持电脑端

 

4.支持各种微传播的轻app(类似不需要下载的手机端app,做宣传专题页很合适),这在html时代想都不敢想的。

 

5.h5和手机app的数据兼容也是无障碍的,很容易通过h5打通各种交互界面、数据。这在html时代更是不敢想的。

 

h5只有两个缺点:1.ie9以下的浏览器看不到一些酷炫效果,只能提供基本功能,这对兼容性提出了很高的要求。2.开发成本高得多。

 

名字还叫html,和html的简单排版功能却有着天壤之别。这,就是马上,或者正在崛起的html5!

 

html5=css3+javascript,它承载者打通各大浏览器、各种浏览设备、苹果与PC、安卓和windows及ios、app与轻app、微平台与各种平台的功能并完全兼容……写这种代码的人叫前端设计师,现在是炙手可热的行业。