HTML5无所不能之设计广告
极客
在未来，HTML5会在哪些领域大放异彩？你肯定想到了建站领域和应用程序开发领域，但你肯定想不到，除了这两个领域，HTML5也给广告设计领域带来了阵阵春风！HTML5设计的广告有何特点？跟传统广告相比有何优势？下面，我们从技术和广告效果统计两个角度来谈这个问题。
开发更简单效果更酷
广告是网站的重要元素，在以前，如果是加载广告的话，需要用到较多的调用代码，需要对JavaScript等语言有一定的基础，而现在直接使用HTML5的Video 标签就可加载广告，不需要任何第三方插件（比如 Adobe公司的Flash）就能播放，可以说开发要求降低了一些、播放门槛降低了一些。
小提示 | TIPS
Video标签含有src、poster、preload、autoplay、loop、controls、width、height等属性，以及一个内部使用的标签
但仅仅上述好处，是无法真正吸引开发者的——没有足够的好处，很少有人会放弃用惯了的技术。那HTML5设计的广告还有什么优势？那就是广告效果更酷！以前，很多开发者用Flash制作广告内容，如今拥有优秀的绘图能力以及灵活的音频视频功能的HTML5可以设计出更酷的广告内容。
因此，相比传统技术设计的广告，HTML5具备开发更简单效果更酷的优势。
更方便统计广告效果
跟踪广告在移动设备上的投放效果，一直是开发者和广告商关心的。但其中有不少难题，最大的难题就是如何在不更多地侵犯用户隐私的前提下，更多地收集并统计广告效果信息，这听起来是不是感觉非常矛盾？
当前，手机隐私安全倍受瞩目，用户非常反感背后的“眼睛”，因此侵犯用户隐私的行为在全球都受到普遍的指责。可广告效果统计工作又不能不做，怎么才能平衡呢？此时，开发者和广告商注意到了HTML5。
没错！就是HTML5！要知道，在PC平台上，统计用户上网时浏览广告等个人隐私已经成为潜规则，就像谷歌这种全球知名的互联网公司都在经济利益面前低头了——这种统计方式已经存在了十多年了，也赢得了广告商的信任。
如果HTML5设计的移动APP、网站赢得了移动用户的欢心，占据了大量市场份额，那在页面中嵌入统计代码，就可以了解HTML5广告的效果了。如此，当前移动广告分散统计的模式就会被改变，从而转变为浏览器统计模式——就在一个应用程序中搞定。
追踪网页远比追踪APP要省力，不用每个APP都偷偷统计广告效果，可以减少用户对广告商的反感。因此，HTML5设计的广告更方便统计广告效果。
小提示 | TIPS
编辑HTML5广告的工具，主要有Tumult的Hype、Sencha的Animator等。
是什么制约了HTML5广告
既然HTML5广告有这么多优势，为什么它还处于萌芽阶段，而不是快速发展阶段呢？虽然业界精英都看好HTML5广告，但有一些因素制约了HTML5广告的发展——HTML5平台比较弱小、广告商对HTML5广告还缺乏信心。
目前，越来越多的开发者选择了HTML5，但总的来说，HTML5网站和APP还比较少，无法跟主流平台相提并论，过个三五年HTML5平台成长起来后，HTML5广告才能真正发展起来，也只有到那时，广告商才会对拥有庞大用户的HTML5平台产生信心，才会大量投入HTML5广告。
@四川 高智
到此，本系列就结束了，如果大家还有疑问，请写邮件到admin@xiuyetang.com，跟秀野堂主互动吧！
延伸阅读
HTML 5简化LBS开发
秀野堂主
邮箱：admin@xiuyetang.com
个人网站： www.xiuyetang.com
新浪微博： weibo.com/xiuyetang
LBS即Location Based Service，意为基于本地化的服务。
在过去，人们想要开发一个具有LBS功能的应用，是非常复杂的。各种设备的兼容性、数据的准确性都是开发者要面临的问题，往往开发一个LBS 应用需要大量的人员参加。
而HTML5的出现会简化LBS的开发。依靠HTML5提供的Geolocation接口，开发者无须复杂的设置，只需要一个命令即可以从多个渠道（IP地址、通信基站、WIFI接入点、GPS等）获得用户的地理位置信息，从而为用户提供准确的地理位置服务。目前，有一些基于HTML5的的交友软件，已经开始在网上流行起来，而最成熟的就是网页地图。
有人曾设想：在未来，客户可以通过网络预订一杯咖啡，而送货人员可以根据客户的动态，在街头送到客户手上。但是，在中国，也许LBS最实用的，不是送咖啡，可能是送饭菜，或者代客泊车等。
读者提问
@白色骑士：我才开始接触HTML5，我想知道HTML5如何连接数据库？有没有案例，或者相关的教程推荐？谢谢！
@秀野堂主：要讨论这个问题，先要弄清楚一个概念：HTML5并不能操作远程数据库，也没有能力驱动MySQL这样的数据库。但是HTML5有自己的存储API，有LocalStorage、webSQL、IndexDB等多种数据存储方式。
@北方的飞鸟：老师，我想知道在HTML5中如何实现自动对焦？
@秀野堂主：目前，只有一个浏览器支持读取摄像头，即欧朋浏览器。此外，自动对焦是默认的，不能调焦，但将来可能支持调焦。