随着互联网的高速发展,网站制作技术也是日新月异。一个网站结合的最基本元素就是HTML编码,而人们常说的H5正是近些年普及的新编码,全称是HTML5,简称H5。然而,H5仍然处于完善当中,尽管如此,几乎所有主流浏览器已经开始支持H5了。
近些年来,H5被过度神话了,人们认为H5是最新互联网科技的代表之一,认为用H5建立起来的网站将获得比传统HTML更大的竞争优势。然而并非如此,H5在很大程度上大大降低了技术人员的开发成本,提高了开发效率。但是,用H5能做的事情,用传统HTML同样可以实现,只是实现的方式不同而已。H5继承了上一代HTML几乎所有特性,因此,采用上一代HTML编码的网站同样是H5功能中的一部分。如果一定要说什么是H5网站那么笔者认为,采用了H5新特性和新功能的网站可以被称之为H5网站。
H5相对于上一代HTML,增加了许多的新功能,尤其对移动互联网应用的支持,让人耳目一新并为之喝彩。下面就一些常用的并且具有代表性的新特性进行一些介绍。
canvas画布
H5中的canvas画布允许通过编码绘制出各种各样的图形、表格,而不再需要借初图片的方式来实现。当然,这仅仅适用于一些特殊的情况,例如统计曲线表等等。完全代替图片是不可能的,毕竟相对于Photoshop等专业软件,仍然处于幼儿园级别。
视频和音频播放
这让笔者回想起上一代HTML中实现视频和音频的方式,由于缺乏专门的播放元件,我们只能借用第三方Flash插件的方式来实现,其过程别提多麻烦了。如果你是WEB技术人员,可能会提到MicrosoftMedia,笔者对其深恶痛绝,它的兼容性能让技术人员崩溃。现在好了,H5自带视频和音频播放元件,只需要几行代码就能轻松地实现,更重要的是可以兼容几乎所有电脑端和移动端的浏览器。
表单元素属性
H5增加了许多的新表单元素和表单元素属性,例如email、url、number、range、Datepickers(date,month,week,time,datetime,datetime-local)、search、color等等,能够帮助技术人员更加容易地实现一些表单功能。
正如上面提到的,H5仍然处于完善过程中,尽管大多数浏览器都能够支持H5的新特性,然而,还是有少数浏览器对部分新特性并未做到完全支持。作为WEB技术人员,在开发网站时就不得不考虑这个问题,因为网站访问者可能来自各种不同的浏览器,若由于兼容性问题导致用户无法正常浏览网站,这个损失是巨大的。
就目前而言,笔者认为应该理性地选择H5的新功能,并做到最大限度的兼容性。不能一味地追求新技术,当然,不可否认,新技术的出现将给网站制作行业带来巨大的飞跃。