整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML5需要了解的特性

、易用性及代码简洁性

HTML5赋予网页更好的意义和结构。新的HTML标签像<header>, <footer>,<nav>,<section>, <aside>等等,使得阅读者更加容易去访问内容。使用新的语义学的定义标签,你可以更好的了解HTML文档,并且创建一个更好的使用体验。

ARIA是一个W3C的标准主要用来对HTML文章中的元素指定“角色“,通过角色属性来创建重要的页面地形例如,header,footer,navigation或者aritcle很有必要。这一点曾经被忽略掉了并且没有被广泛使用,因为事实上并不验证。然而,HTML5将会验证这样属性。同时,HTML5将会内建这些角色并且无法不覆盖。

二、本地存储特性

HTML5中最酷的特性就是本地存储。有一点像比较老的技术cookie和客户端数据库的融合。它比cooke更好用因为支持多个windows存储,它拥有更好的安全和性能,即使浏览器关闭后也可以保存。

因为它是个客户端的数据库,你不用担心用户删除任何cookie,并且所有主流浏览器都支持。

本地存储对于很多情况来说都不错, 它是HTML5工具中一个不需要第三方插件实现的。能够保存数据到用户的浏览器中意味你可以简单的创建一些应用特性例如:保存用户信息,缓存数据,加载用户上一次的应用状态。如果你对本地存储有兴趣,你可以看看这些文章

三、设备兼容特性(跨浏览器)

从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势

这里有很多的meta标签允许你优化移动:

viewport: 允许你定义viewport宽度和缩放设置
全屏浏览器: ISO指定的数值允许Apple设备全屏模式显示
Home screen icons: 就像桌面收藏,这些图标可以用来添加收藏到IOS和Android移动设备的首页

四、网页媒体特性更好的支持音、视频

支持网页端的Audio、Video等多媒体功能;在发布HTML5之前你需要使用<embed>和<object>标签,并且为了它们能正确播放必须赋予一大堆的参数。你的媒体标签将会非常复杂,大堆得令人迷惑的代码。而且HTML5视频和音频标签基本将他们视为图片:<video src=""/>。但是其它参数例如宽度和高度或者自动播放呢?不必担心,只需要像其它HTML标签一样定义:<video src=”url” width=”640px” height=”380px” autoplay/>。

<video src="movie.ogg" controls="controls">

您的浏览器不支持 video 标签。

</video>

五、三维、图形及特效特性

基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果,用户使用<canvas>可以开发游戏。<canvas>元素本身不具备绘制能力,依靠脚本来完成

当然HTML5还有诸多特性,以上简单的总结了一些。更多特效及用法参考w3school提供的手册;现在网络上HTML5相关的视频教程数不胜数。极客还有慕课都是很不错的

需要帮助可以关注公众号:伙拼学习

在越来越多的网站都使用html5,为了更好的浏览和更好的体验,就会使用本地缓存数据库,可是缓存数据库也有限制的,这个是否确认吗?

本地缓存数据库支持多大的缓存,这些可能都需要了解了,才能更好的写好程序,知己知彼,才能更清楚了解浏览器的缓存使用和容量。

先看一下Mobile手机端浏览器的缓存的支持:

PC端对浏览器缓存的支持:

从缓存数据库容量大小来看,程序所要应对的数据就要相应的调整,刷新和数据的调用也要适用当前数据库。

、注意语言本地化

如果想鼓励用户使用应用程序,你就不能将它设计为面向某个特定的设备。相反把它设计成支持通用的设备。大多数基于HTML5的移动操作系统(如Firefox OS)都有较大的非英语用户群,因此应用程序的本地化变得极为重要。无论是打包的应用程序,还是托管的应用程序,都应该根据用户的区域提供本地化服务。

2、在部署之前进行测试

无论你创建的应用程序有多大的吸引力、运作多么良好,如果你在发布前忘记了对它进行测试,那么你的努力可能会变质。应用程序真正面临的严峻考验是,用户从来都不会考虑对应用程序进行测试,用户会认为应用程序就是可用的。所以,开发者需要测试它,了解哪些功能是可以接受的,哪些功能需要做一些改进。

3、让发布包尽可能小

由于移动设备的存储空间很小,你需要保持发布包文件的尺寸尽可能小。这样用户可获得更快的经验。受无线连接速度太慢的影响也就越小。因此,要做的一切就是——用GZIP压缩。减少用户的数据流量消费。

4、最好是提供免费下载

最后一点,尽可能让你的应用程序支持免费下载。付费应用是为了赚钱,但最好不要迫使潜在用户直接购买,因为他们更倾向于免费试用应用。你仍然可以使用类似于RevMob和Playhaven等广告服务API来赚钱。如果你的应用程序是免费的应用,那么毫无疑问,你会得到最大的下载数量。

5、提供离线支持

假设用户总是能够访问互联网,这是应用程序开发者常犯的错误。虽然打包的应用程序通常不需要任何网络连接(而托管应用程序需要),离线支持可以很好地维持用户的体验,同时也能降低偶尔发生的网络短时中断的影响。因此,要让你的应用程序支持离线。