杭州世导科技有限公司杭州世导科技有限公司杭州世导科技有限公司HTML5HTML5初步学习初步学习（上）（上）侯志庚杭州世导科技有限公司2012年7月24日目录目录目录1.技术回顾2.HTML5主要内容与设计原则3.浏览器支持与移动开发4.布局5.FormElementsSilkRoadTelecommunication世导通讯有限公司AllRightsReserved版权所有WEB技术回顾（１）1991HTML非官方发布1996CSS+Javascript1999HTML4.01Ｗ３Ｃ（WorldWideWebConsortium）SilkRoadTelecommunication世导通讯有限公司AllRightsReserved版权所有WEB技术回顾（２）ＨＴＭＬ４的问题标准化内容/格式混合不支持多媒体需求2000XHTML1特性与HTML4一致，要求XML语法规范。XHTML2之死2002DIV+CSS网页布局2005AJAXWEB2.0标志SilkRoadTelecommunication世导通讯有限公司AllRightsReserved版权所有WEB技术回顾（３）网络发展Ｆｌａｓｈ/Silverlight移动网络的发展乔布斯批评ｆｌａｓｈ（２０１０）：《关于Ｆｌａｓｈ的思考》2004HTML(WHATWG)浏览器厂商主导Opera的伊恩.希克森W3C2007-2009HTML5Draft基于WHATWG成果2010HTML5主流浏览器广泛支持苹果、谷歌、微软、AdobeSilkRoadTelecommunication世导通讯有限公司AllRightsReserved版权所有HTML5/Flash/AirHTML5/Flash/AirAdobe放弃Flash：2011年11月Adobe宣布停止为移动设备浏览器研发Flash插件。乔帮主含笑九泉:不用我动手Flash自己不行了!：2012年6月Adobe宣布不支持Android4.1HTML5VSAirSilkRoadTelecommunication世导通讯有限公司AllRightsReserved版权所有目录目录目录1.技术回顾2.HTML5主要内容与设计原则3.浏览器支持与移动开发4.布局5.FormElementsSilkRoadTelecommunication世导通讯有限公司AllRightsReserved版权所有ＨＴＭＬ５内容新标记/表单元素新ＡＰＩ二维绘图Canvas媒体播放Video/Audio离线存储数据库LocalStorage+SessionStorage+FileReader应用开发WebWorker通信/网络WebSocket微数据MicroData地理位置信息Geolocation文件FileAPISilkRoadTelecommunication世导通讯有限公司AllRightsReserved版权所有HTML5设计原则（1）<!DOCTYPEhtmlPUBLIC"-发送时要保守；接收//W3C/DTDHTML4.01//EN时要开放。“"http://www.w3.org/TR/html4/strict.dtd">避免不必要的复杂性<meta<!DOCTYPEhttp-equiv="Content-Type"html>content="text/html;charset=utf-8">DOCTYPE<metacharset="utf-8">Charset支持已有的内容<imgsrc="foo"alt="bar"/><pclass="foo">Helloworld</p><imgsrc="foo"alt="bar"><pclass="foo">Helloworld<IMGSRC=fooALT="bar"><PCLASS=foo>Helloworld</P>SilkRoadTelecommunication世导通讯有限公司AllRightsReserved版权所有HTML5设计原则（2）解决现实的问题<ahref="/path/to/resource"><h2>Headlinetext</h2><p>Paragraphtext.</p></a>求真务实内容分区、嵌套使用头部（header）、脚部（footer）、分区（section）、文章（article）、HSilkRoadTelecommunication世导通讯有限公司AllRightsRes