网站广播 本站提供的源码经过测试£¬有前台及后台管理界面演示图£¬免费?#30053;Ø£?ul>
  • HTML5简介
    2014-12-17 10:27:39    ¡¾ ¡¿   浏览:

     

     

     
    HTML5是用于取代1999年所制定的HTML 4.01和XHTML 1.0 标准的HTML标准版本£¬现在?#28304;?#20110;发展阶段£¬但大部分浏览器已经支持某些HTML5技术¡£HTML5有两大特点£º首先£¬强化了 Web 网页的表现性能¡£其次£¬追加了本地数据库等 Web 应用的功能¡£广义论及HTML5时£¬?#23548;?#25351;的是包括HTML¡¢CSS和JavaScript在内的一?#20934;?#26415;组合¡£它希望能够减少浏览器对于需要插件的丰富性网络应用服务£¨plug-in-based rich internet application£¬RIA)£¬如Adobe Flash¡¢Microsoft Silverlight£¬与Oracle JavaFX的需求£¬并且提供更多能有效增强网络应用的标准集¡£   
    HTML标准自1999年12月发布的HTML4.01后£¬后继的HTML5和其它标准被束之高阁£¬为了推动Web标准化运动的发展£¬一些公司联合起来£¬成立了一个叫做 Web Hypertext Application Technology Working Group £¨Web超文本应用技术工作组 -WHATWG£© 的组织¡£WHATWG 致力于 Web 表单和应用程序£¬而W3C£¨World Wide Web Consortium£¬万维网联盟£© 专注于XHTML2.0¡£在 2006 年£¬双方决定进行合作£¬来创建一个新版本的 HTML¡£ 
    HTML5草案的前身名为 Web Applications 1.0£¬于2004年被WHATWG提出£¬于2007年被W3C接纳£¬并成立了新的 HTML 工作团队¡£ 
    HTML5的第一份正式草案已于2008年1月22?#23637;?#24067;¡£HTML5 ?#28304;?#20110;完善之中¡£然而£¬大部分现代浏览器已经具备了某些HTML5 支持¡£ 
    2012年12月17日£¬万维网联盟£¨W3C£©正?#21483;?#24067;凝结了大量网络工作者心血的HTML5规范已经正式定稿¡£根据W3C的发言稿称£º¡°HTML5是开放的Web网络平台的奠基石¡£¡± 
    2013年5月6日£¬ HTML 5.1正式草案公布¡£该规范定义了第五次重大版本£¬第一次要修订万维网的核心语言£º超文本标记语言£¨HTML£©¡£在这个版本中£¬新功能不断推出£¬以帮助Web应用程序的作者£¬努力提高?#30053;?#32032;互操作性¡£ 
    本次草案的发布£¬从2012年12月27日?#20004;ñ£?#36827;行了多达近百项的修?#27169;?#21253;括HTML和XHTML的标签£¬相关的API¡¢Canvas等£¬同时HTML5的图像img标签及svg也进行了改进£¬性能得到进一步提升¡£ 
    支持Html5的浏览器包括Firefox£¨火狐浏览器£©£¬IE9及其更高版本£¬Chrome£¨谷歌浏览器£©£¬Safari£¬Opera等£»国内的傲游浏览器£¨Maxthon£©£¬以及基于IE或Chromium£¨Chrome的工程版或称实验版£©所推出的360浏览器¡¢搜狗浏览器¡¢QQ浏览器¡¢猎豹浏览器等国产浏览器同样具备支持HTML5的能力¡£ 
    特性 
    语义特性£¨Class£ºSemantic£©
       
    HTML5赋予网页更好的意义和结构¡£更加丰富的标签将随着对RDFa的£¬微数据与微格式等方面的支持£¬构建对程序¡¢对用户都更有价值的数据驱动的Web¡£ 
    本地存储特性£¨Class: OFFLINE & STORAGE£© 
    基于HTML5开发的网页APP拥有更短的启动时间£¬更快的联网速度£¬这些全得益于HTML5 APP Cache£¬以及本地存储功能¡£Indexed DB£¨html5本地存储最重要的技术之一£©和API?#24471;?#25991;档¡£ 
    设备兼容特性 (Class: DEVICE ACCESS) 
    从Geolocation功能的API文档公开以来£¬HTML5为网页应用开发者们提供了更多功能上的优化选择£¬带来了更多体验功能的优势¡£HTML5提供了前所未有的数据与应用接入开放接口¡£使外部应用可以直接与浏览器内部的数据直接相连£¬例如视频影音可直接与microphones及摄像头相联¡£ 
    连接特性£¨Class: CONNECTIVITY£© 
    更有效的连接工作效率£¬使得基于页面的实时聊天£¬更快速的网页游戏体验£¬更优化的在线交流得到了实现¡£HTML5拥有更有效的服务器推送技术£¬Server-Sent Event和WebSockets就是其中的两个特性£¬这两个特性能够帮助我们实现服务器将数据¡°推送¡±到客户端的功能¡£ 
    网页多媒体特性(Class: MULTIMEDIA) 
    支持网页端的Audio¡¢Video等多媒体功能£¬ 与网站?#28304;?#30340;APPS£¬摄像头£¬影音功能相得益彰¡£ 
    三维¡¢图形及特效特性£¨Class: 3D, Graphics & Effects£© 
    基于SVG¡¢Canvas¡¢WebGL及CSS3的3D功能£¬用户会惊叹于在浏览器中£¬所呈现的惊人视觉效果¡£ 
    性能与集成特性£¨Class: Performance & Integration£© 
    没有用户会永远等待你的Loading¡ª¡ªHTML5会通过XMLHttpRequest2等技术£¬帮助您的Web应用和网站在多样化的环?#25345;?#26356;快速的工作¡£ 
    CSS3特性(Class: CSS3) 
    在不牺牲性能和语义结构的前提下£¬CSS3中提供了更多的风格和更强的效果¡£此外£¬较之以前的Web排版£¬Web的开放字体格式£¨WOFF£©也提供了更高的灵活性和控制性¡£ 
    编辑本段现状在移动设备开发HTML5应用只有两种方法£¬要不就是全使用HTML5的语法£¬要不就是仅使用JavaScript引擎¡£ 
    JavaScript引擎的构建方法让制作?#21482;?#32593;页游戏成为可能¡£由于界面层很复杂£¬已预订了一个UI工具包去使用¡£ 
    纯HTML5?#21482;?#24212;用运行缓慢并错漏百出£¬但优化后的效果会好转¡£尽管不是很多人愿意去做这样的优化£¬但依然可以去尝试¡£ 
    HTML5?#21482;?#24212;用的最大优势就是可以在网页?#29616;?#25509;调试和修改¡£原生应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果£¬不断地重复编码¡¢调试和运行£¬这是首先得解决的一个问题¡£ 
    HTML5的移植非常简单£¬但假设每个人都会让这变成一个自动化操作¡£ 
    优点 
    网络标准 
    HTML5本身是由W3C推荐出来的£¬它的开发是通过谷歌¡¢苹果£¬诺基亚¡¢中国移动等几百家公司一起酝酿的技术£¬这个技术最大的好处在于它是一个公开的技术¡£换句话说£¬每一个公开的标准都可以根据W3C的资料库?#24050;案?#28304;¡£另一方面£¬W3C通过的HTML5标?#23478;?#23601;意味着每一个浏览器或每一个平台都会去实现¡£ 
    多设备¡¢跨平台 
    用HTML5的优点主要在于£¬这个技术可以进行跨平台的使用¡£比如你开发了一款HTML5的游戏£¬你可?#38498;?#36731;易地移植到UC的开放平台¡¢Opera的游?#20998;行Ä¡¢Facebook应用平台£¬甚至可以通过封装的技术发放到App Store或Google Play?#24076;?#25152;以它的跨平台非常强大£¬也是大多数人对HTML5有兴趣的主要原因¡£ 
    自适应网页设计 
    很早就有人设想£¬能不能¡±一次设计£¬普遍适用?#20445;?#35753;同一张网页自动适应不同大小的屏幕£¬根据屏幕宽度£¬自动调整布局£¨layout£©£¿ 
    2010年£¬Ethan Marcotte提出了¡±自适应网页设计¡°这个名词£¬指可以自动识别屏幕宽?#21462;?#24182;做出相应调整的网页设计¡£ 
    这就解决了传统的一种局面¡ª¡ª网站为不同的设备提供不同的网页£¬比如专门提供一个mobile版本£¬或者iPhone / iPad版本¡£这样做固然保证了效果£¬但是比?#19979;™Î常?#21516;时要维护好几个版本£¬而且如果一个网站有多个portal£¨入口£©£¬会大大增加架构设计的复杂?#21462;?span> 

    即时更新 
    游戏客户端每次?#23478;?#26356;新£¬很麻烦¡£可是更新HTML5游戏就好像更新页面一样£¬是马上的¡¢即时的更新¡£ 
    总结概括HTML5有以下优点£º 
    1¡¢提高可用性和改进用户的友好体验£» 
    2¡¢有几个新的标签£¬这将有助于开发人员定义重要的内容£» 
    3¡¢可以给站点带来更多的多媒体元素(视频和音频)£» 
    4¡¢可?#38498;?#22909;的替代FLASH和Silverlight£» 
    5¡¢当涉及到网站的抓取和索引的时候£¬对于SEO很友好£» 
    6¡¢将被大量应用于移动应用程序和游戏¡£ 
    应用须知 
    它可能会消灭Flash 
    许多?#30340;?#20154;士表示£¬HTML将会最终代替多媒体框架£¬如Adobe的Flash£¬但是短期看来还不是时候¡£HTML5估计到2014年才能逐步成熟£¬而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间¡£尽管HTML5提出了许多优点£¬但是还可能有某些应用更适合于更灵活的框架¡£一些主流的大公司都逐?#38454;?#21521;使用HTML5£¬但是这个转变的过程也不是一蹴而就的¡£ 
    它新并不表示它安全 
    网络应用开发工程师们在学习新技术的同时需要时刻记住网络安全¡£HTML5所构建的网页和其他语言编写的网页一样容易泄露一些敏感数据¡£?#20998;?#32593;络信息安全机构£¨European Network and Information Security Agency£¬ENISA£©已经警告说HTML5可能并不够安全¡£ 
    它承诺带来一个无缝的网络 
    HTML5会带来一个统一的网络£¬无论是?#22987;?#26412;£¬台式机£¬还是智能?#21482;ú¶加?#35813;很方便的浏览基于HTML5的网站¡£因此在设计网站的时候£¬开发者需要重新考虑用户体验£¬网站浏览£¬网站结构等因素使得这个网站对任何硬件设备都通用¡£ 
    它会变成企业的SaaS平台 
    一些重量级的企业£¬如微软£¬Salesforce£¬SAP Sybase正在开发HTML5的开发工具¡£如果你正在构建企业应用£¬很可能不久的将来你就要用到HTML5¡£所以当构建公司的SaaS战略迁移的时候也不要忘记HTML5¡£ 
    它将会变得很移动 
    几乎所有人都热衷于开发独立的移动应用£¬但是HTML5很可能会是独立移动应用的终结者¡£由于HTML5将应用的功能直接加入其内核£¬这很可能引?#23478;?#21160;技术潮流重新回到浏览器时代¡£HTML5允许开发者在£¨移动£©浏览器内开发应用£¬所以如果你正在制定一项桌面或者移动应用的长期发展策略£¬你可能需要考虑这一点¡£ 
    未来趋势 
    1¡¢移动优先 
    从如今层出不穷的移动应用就知道£¬在这个智能?#21482;?#21644;将平板电?#28304;?#29190;炸的时代£¬移动优先已成趋势£¬不管是开发什么£¬?#23478;?#31227;动为主¡£ 
    2¡¢游戏开发者领衔¡°主演¡± 
    许多游戏开发商都被Facebook或者Zynga推动着发展£¬而未来的Facebook应用生态系统是基于HTML5的£¬尽管在HTML 5平台开发出游戏非常困难£¬但游戏开发商却都愿意那么做¡£通过PhoneGap及appmobi的XDK将Web应用游戏打包整合到原生应用中也是一种方式£¬Facebook差不多就这么干的¡ª¡ª基于Web应用及浏览器£¬但却将之打包整合进原生应用¡£
    Tags£ºHTML5 简介
    ¡¾ ¡¿¡¾打印¡¿ ¡¾繁体¡¿¡¾关闭¡¿ ¡¾返回顶部¡¿
    上一篇£º2015年网站设计十大趋势 下一篇£º五分钟学会HTML5£¡

    广告推荐

    网页设计文章推荐阅读

    190aa.com ÌßÇòÕ߱ȷÖ