html5网页游戏开发课程大纲game

学云签约讲师陈伟Html5大战网页游戏

—第1讲我与html5的第一次约会

课程导入课程导入Html5MoreattrativeMoremutimediaMoreParticipationMoreCoolMoreintreactiveBetteruserexperience本讲要点28个HTML5特征、窍门和技术本讲要点：

7个具体的HTML5特征、窍门和技术7个具体的HTML5特征一再也不用烦人的文档类型声明了<!DOCTYPEhtml>取代<!DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML1.0Transitional//EN”“/TR/xhtml1/xhtml1-transitional.dtd”>7个具体的HTML5特征二善解人意的表单内置验证<formaction=""method="get"><labelfor="email">邮箱:</label><inputid="email"name="email"type="email"/><buttontype="submit">确定</button></form>

seeit!7个具体的HTML5特征三酷哥contenteditable来了<ulcontenteditable="true"><li>悼念遇难香港同胞</li><li>深圳特区30周年</li><li>伊春空难</li></ul>Seeit!7个具体的HTML5特征四让你一秒变达人的Placeholders<labelfor="email">邮箱:</label><inputid="email"type="email“placeholder=“inxu@"size="26"/>Seeit!7个具体的HTML5特征五万能验证器pattern<formaction=""method="get"><labelfor="username">姓名:</label><inputid="username"name="username"type="text“placeholder="4-10个英文字母“

pattern="[A-Za-z]{4,10}“required="required"autofocus/><buttontype="submit">提交</button></form>Seeit!7个具体的HTML5特征六让我们试试在网页上听歌<audioautoplay="autoplay"controls="controls"><sourcesrc="file.ogg"/><sourcesrc="file.mp3"/><ahref="file.mp3">Downloadthisfile.</a></audio>7个具体的HTML5特征七网页也可以看视频啦<videocontrolspreload><sourcesrc="cohagenPhoneCall.ogv“type="video/ogg;codecs='vorbis,theora'"/><sourcesrc="cohagenPhoneCall.mp4“type="video/mp4;'codecs='avc1.42E01E,mp4a.40.2'"/><p>Yourbrowserisold.<ahref="cohagenPhoneCall.mp4">Downloadth