全国统一咨询热线:18609840880

关于HTML5新功能的几点思考 如何指引未来网站建设

2015-02-16 14:40:24

HTML5是HTML4的升级版本,相比于后者,HTML5增加了Web网页的表现力,同时也增加了表单、本地数据等全新功能,对于我们网站的建设是一个全新的体验,也是一个机遇,因为HTML5里面众多功能的创新以及改革对于我们未来网站建设是一个很好的指引。

一 HTML5出现了新的<canvas> 标记

Flash各位站长都知道,这是一个让大家很头疼的东西,有些站长为了使自己的画面更加华丽动感,所以就在首页中加载了各种各样的Flash视频, 这样一来,网页效果虽然得到了提升,但是网站访问速度就下去了。因为当游客打开一个网站的时候,这些臃肿的Flash视频就会加载,只有加载完成后才能呈 现,如果你的主机是共享的,那么你网站的加载速度就会相当的悲催。

但是HTML5就不一样了,它产生了新的 <canvas> 标记,它不仅能提供Flash相关的功能,而且能让网站视频加载速度大幅下降,这使得网站不必为了访问速度而减少视频的应用。

二 HTML5出现了新的 <header> 和 <footer>标记

网站结构是蜘蛛爬行的基础,网站只有拥有明晰的层次才能进一步提高蜘蛛的爬行效果以及抓取率,但是之前立于HTML4的CSS+DIV程序虽然让网 站的目录、导航等栏目设置清晰明了,但它却不能给蜘蛛提供一个快到达网站各个角落的途径,而HTML5就改变了这些,它的设计更好的迎合了网站的解剖结 构,位于页面上的蜘蛛就好像在圆心处,任何一个角落都是一样的路程,这就加大了蜘蛛的“访问深度”,有利于网站整体权重的提高。

三 出现了音频以及视频的嵌入功能

HTML5之所以会被大家普遍赞誉,关键还在于它在用户体验上的突破,相比于HTML4,HTML5新增了<audio> 和 <video> 标记,它能将音频以及视频完美的嵌入到网页中,而不影响网站的加载速度,相比于我之前说的 <canvas> 标记,<audio>和 <video> 标记更加人性化,可以让用户体验到全新的页面感觉。

但是<audio> 和 <video<标记和 <canvas< 标记哪个好呢?这个是没有可比性的,一个是替代Flash,一个提高用户体验,这两个事物显然不是一个概念的东西。

四 管理起来更加方便

笔者之前提到HTML5新增了本地数据这个新的功能,这个功能将内嵌一个本地的SQL 数据库,以加速交互式搜索,缓存以及索引功能。同时,那些离线Web 程序也将因此获益匪浅,此外,由于HTML5加入了全新的表单,使得我们建站的时候对于URL可以使用微数据,这一方式的改变,能让我们更干净的管理网 页,使整个网站的整体层次分明,对于搜索引擎是相当有好的。