网站广播 本站提供的源码经过测试,有前台及后台管理界面演示图,免费?#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;行摹acebook应用平台,甚至可以通过封装的技术发放到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 踢球者比分
    广东彩票36选7开奖 体彩6+1开奖时间几点 浙江体彩20选5走势图2 斯诺克英锦赛2019转播 河北快3期数遗漏 双色球开奖直播直播 真人游戏上下分提现 白小姐幽默笑话玄机图 重庆彩老时时彩怎么玩 上海基诺彩票奖金 阿甲升降级2019规则 北京快中彩开奖公告 甘肃11选5推荐号码 广东36选7最新开奖查询结果 香港赛马会一码特码卡